C-log

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..

YouTube Link 자바스크립트 8. 배열 제대로 알고 쓰자. 자바스크립트 배열 개념과 APIs 총정리 | 프론트엔드 개발자 입문편 (JavaScript ES6 ) https://youtu.be/yOdAVDuHUKQ 오브젝트와 배열의 차이는 무엇인가. 오브젝트는 서로 연관된 것들을 묶어 놓는 것을 말한다. 이러한 비슷한 타입을 묶어놓은 것을 자료구조라고 한다. 자료구조는 동일한 타입만 담을 수 있다. unshift() & shift() //unshift : add an item to the beginning console.log('unshift'); console.log(fruits);//Before fruits.unshift('lemon', 'strawberry') console.log(fruits..