C-log

예전에 java 디자인 패턴 수업을 들은 적 있다. 매우 감명 깊은 수업 이었다. 수업을 통해서 코드를 좀 더 보기 편하고 활용도가 높은 코드를 작성할 수 있다는 것에 놀랐다. 이를 js에도 적용하면 좋겠다는 생각을 꾸준히 해왔다. 그래서 import와 export를 가지고 one script one function을 고수하며 나름 나만의 패턴을 구현해보려고 했다. 하지만 프로그램의 세상은 각자 나름의 표준들이 있고 규칙들이 있다. 이를 생각하며 js를 가지고 디자인 패턴을 구현해보면 어떨까 싶다. 자바스크립트 디자인 패턴 www.youtube.com

YouTube Link 자바스크립트 중급 강좌 #9 구조 분해 할당 (Destructuring assignment) https://youtu.be/lV7ulA7R5Nk 구조 분해 할당은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식이다. 먼저 배열 구조 분해를 살펴 보자 코드는 아래와 같다. let [x, y] = [1, 2] console.log(x); //1 console.log(y); //2 let users = ['Mike', 'Tom', 'Jane']; let [user1, user2, user3] = users; console.log(user1) //Mike console.log(user2) //Tom console.log(user3) //Jane 위의 코드는 아래..

Link JavaScript CRUD Application - CRUD Operations With JavaScript https://youtu.be/KiRKUTDYlG8 Event 객체 event객체를 사용해서 클릭버튼을 구현하는 방식의 코드는 아래와 같다. Student 1 Student 2 Student 3 //test.js document.querySelector("#student-list").addEventListener("click", (e) => { if (e.target.classList.contains("student")) { console.log("학생 버튼 클릭"); } }); event객체를 매개변수로 사용 할 수 있으며 이벤트 객체를 조작할 수 있는 여러 함수들이 존재한다. 이벤트..

TCP/IP는 따로 카테고리를 만들어서 포스팅을 할 예정이다. 아래 링크는 관련 강의 링크이다. 뇌를 자극하는 TCP/IP 소켓 프로그래밍 『뇌를 자극하는 TCP/IP 소켓 프로그래밍』의 각 장에 수록된 기술을 이해하고 활용할 수 있도록 개념을 심어준다. 이를 통해 소케의 기본부터 고급 기술까지 습득하여 현업에 최적의 솔류션을 www.youtube.com

흔히 Java에선 접근제한으로 캡슐화하면서 정보를 은닉할 수 있다. Js에서는 prviate와 같은 접근제한자를 제공하지 않는다. 결국 임의로 접근제한자를 만들거나 구현해야하는 것이다. Link 자바스크립트의 privatehttps://velog.io/@shroad1802/자바스크립트의-private참고만 할 블로그 글이다. 코드는 잘 모르겠으나 나와 비슷한 고민을 하고 있는 블로그라서 링크를 올려본다. Link 자바스크립트 Getter & Setter 완벽 정리https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-getter-setter-%EB%9E%80프로퍼티 getter와 setterhttps://ko.javascript.info/property-accessors찾아보..

YouTube Link 관계형 데이터 모델링 : ERD https://youtube.com/playlist?list=PLuHgQVnccGMDF6rHsY9qMuJMd295Yk4sa ERD를 공부하기전에 알아야할 관계형 데이터 모델링의 개념을 알아야한다. ERD를 사용하는 방법에 있어서는 추후에 카테고리를 따로 생성해서 다시 다루어 볼 것이다. 아래 링크는 관계형 데이터에 관한 강의 링크이다. 관계형 데이터 모델링 www.youtube.com

YouTube Link JavaScript - prototype (1/2) : prototype이란? https://youtu.be/yXnbvyl04V4 JavaScript - prototype (2/2) : prototype chain https://youtu.be/673mZ8rE9UY 자바스크립트의 객체지향을 지탱하는 핵심적인 개념이다. Prototype : 원형 // 객체 리터럴을 사용하여 객체 생성 let person = { name: "John", // name 프로퍼티 age: 30, // age 프로퍼티 isMale: true // isMale 프로퍼티 }; // 점 표기법으로 프로퍼티 접근 console.log(person.name); // 출력: "John" console.log(pers..

YouTube Link 자바스크립트 7. 오브젝트 넌 뭐니? | 프론트엔드 개발자 입문편 (JavaScript ES6) https://youtu.be/1Lbr29tzAA8 //1.리터럴과 프로퍼티 //object = {key : value} const name = 'ellie'; const age = 4; function print(name, age) { console.log(name); console.log(age); } print(name, age); //=>관리하기 힘들다, 오브젝트로 변환하면 아래와 같다. const ellie = { name: 'ellie', age: 4 }; function print(person) { console.log(person.name); console.log(pers..