본문 바로가기

Web dev39

자바스크립트 12 this, call, apply, bind 1. 현재의 무드: 처음으로 스터디원분을 오프라인으로 만나서 카공을 했다! 연예인 실물로 본 느낌 ㅋㅋㅋㅋ 그리고 같이 온라인으로 열심히 하던 분이랑 만나서 그런지 주말인데 의욕이 뿜뿜 그리고 붙캠 시작하고 section 1 동안은 mdn만 읽고도 어느 정도 궁금증이 해결되는 경우가 많아서 이외의 매체를 이용하는 일이 드물었다. 하지만 section 2 시작하고부터는 모르는 개념이 대거 등장하는 바람에... 문서 읽으면 머리가 어질어질한 경우가 많아서 프로그래밍 언어에 대한 짧은 강의를 오려주는 유툽 강의를 많이 활용하게 되었는데, 모르는 개념을 처음 접해보고 기초적인 내용을 이해하는데에 많은 도움을 받고 있다. 2. 오늘 학습한 내용 중 키워드: this, call, apply, bind 3. 오늘 학.. 2022. 11. 26.
자바스크립트 11 프로토타입, 클래스, 프로토타입 체인 1. 현재의 무드: 단일 맥북 모니터로 쓰다가 아이패드 사이드카 기능이 생각나서 세미듀얼(?) 모니터로 바꿨더니 넘-나 편안. 덕분에 앞으로 카공 안가고 집공모드로 당분간 유지할 듯하다 ㅎㅎ 페어분에게 엄청난 칭찬을 들어서 공부할 의욕이 샘솟는다! 칭찬은 나를 춤추게 해~ 2. 오늘 학습한 내용 중 키워드: 프로토타입, .prototype, .__proto__, 클래스, 인스턴스, 프로토타입 체인, Object 3. 오늘 학습한 내용 요약 프로토타입 대장정 완료! 어제까지만 해도 잘 이해되지 않았었는데, 오늘 프로토타입 체인까지 학습을 마치고 과제까지 풀어보니 훨씬 더 명확히 이해가 되었다. https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/.. 2022. 11. 21.
자바스크립트 10 객체 지향 프로그래밍 1. 현재의 무드: 굿! 집 근처의 새로운 카공할 스팟을 찾아냈다 ㅎㅎ 2. 오늘 학습한 내용 중 키워드: 객체 지향 프로그래밍, 캡슐화, 추상화, 상속, 다형성 3. 오늘 학습한 내용 요약 저번 글에 이어서, 객체 지향 프로그래밍 (Object-Oriented Programming) 에 대해 더 자세히 알아보겠음! 1. 등장 배경: 객체 지향 프로그래밍 이전의 프로그래밍 패러다임을 살펴보면, 객체 지향에 대해 더 쉽게 이해할 수 있다. 순차적 (비구조적) 프로그래밍 : 정의한 기능의 흐름에 따라 순서대로 동작을 추가하며 프로그래밍하는 방식. 흐름이 눈에 보여 매우 직관적이지만, 조금이라도 프로그램의 규모가 커지게 되면 곤란해짐. 동작이 직관적이지 못하게 되고, 난리부르스가 되어 버리는 셈! 절차적 (구.. 2022. 11. 20.
자바스크립트 09 클래스와 인스턴스 1. 현재의 무드: 생략 2. 오늘 학습한 내용 중 키워드: 클래스, 인스턴스, new 키워드, 생성자 함수, ES5 클래스 작성 문법, ES6 클래스 작성 문법 3. 오늘 학습한 내용 요약 자바스크립트의 객체 지향 프로그래밍에 대해서 학습했다. 이와 연관된 개념으로 클래스, 인스턴스와 이를 생성하는 new 키워드, 그리고 생성자 함수에 대해 배웠다. 또한, 생성자 함수를 만드는 두 가지 방법인 ES5 문법과 ES6 문법을 구분하여 학습했다. 간략하게 배운 내용을 정리해보겠음! 객체 지향 프로그래밍이란? : 우리가 실생활에서 쓰는 모든 것을 객체라 하며, 객체 지향 프로그래밍이란 프로그램 구현에 필요한 객체를 파악하고 각각의 객체들의 역할이 무엇인지를 정의하여 객체들 간의 상호작용을 통해 프로그램을 만드.. 2022. 11. 20.