인트로안녕하세요 오늘은 어제 DOM 때문에 못했던 클래스 공부를 해보려고 합니다.또 속을 수 없어서 페이지 수부터 확인했습니다. 짧진 않지만 DOM만큼의 빌런은 아니었습니다.처음부터 프로토타입이랑 비교하면서 얘기하는데 프로토타입 공부는 이미 했기 때문에 넘어가려고 합니다. 프로토타입 내가 해냄인트로프로토타입을 읽을 때는 노션에 살짝 쿵 정리하고 넘어갔는데 마침 부트캠프에서 프로토타입 내용을 다뤄 블로그에 써보려고 합니다. 프로토타입 교체 부분에서 머리를 한번 깬 경험이i-did-it.tistory.com 클래스와 생성자 함수의 차이클래스는 new 연산자 없이 호출하면 에러가 발생합니다. 생성자 함수의 경우 new 없이 호출하면 일반함수처럼 호출됩니다.따라서 이를 막기 위해 new.target으로 제어를 ..

인트로드디어 DOM에 입성했습니다.과제를 끝내고 종합퀴즈 풀러가야지 희희했는데 1번에서 바로 입구컷당했습니다.그렇게 바로 블로그 쓰러왔습니다. DOM 뭔지 알기만하고 설명을 못하겠더라구요. 겸사겸사 DOM부터 공부하자라는 마인드로 시작합니다. DOM의 정의DOM은 Document Object Model의 약자입니다. 직역하면 문서 객체 모델입니다. HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API(application programming interface), 즉 프로퍼티와 메서드를 제공하는 트리 자료구조이다. -모자딥다- HTML, XML 문서의 프로그래밍 interface이다. -MDN-정의가 너무 어려우니 우선 DOM을 왜 쓰는지 보겠습니다. MDN에서는 DOM이 문서의 구..

인트로화살표함수, 생성자함수 그리고 렉시컬 관련 이야기가 나올 때마다 항상 등장하던 this...this에 대해 모르는 상태에서 다른 걸 이해하려고하니 아무것도 못하겠더라구요. 아무것도 못한달까 대충 추론을 해보는데 이게 맞는지 증명이 안돼요.. (더 심각)그래서 오늘 this를 끝내보려고 합니다. this 왜 만듦?메서드는 자신이 속한 객체의 프로퍼티를 참조하려면 자신이 속한 객체를 가리키는 식별자가 필요합니다. 아래 코드의 경우에는 문제가 없습니다.객체 리터럴은 객체가 생성되기 전에 평가되고 변수에 할당되기 때문에getDiameter 메서드는 circle 식별자를 참조할 수 있습니다.const circle = { radius : 5, getDiameter() { return 2 * circle.r..