본문 바로가기
반응형

개발/Javascript41

Class는 Object 찍어내는 기계(코딩애플) https://www.youtube.com/watch?v=dHrI-_xq1Vo&t=318s 코딩애플에 class 영상을 보았다. 설명을 엄청 잘해준다. 진작에 볼껄 그랬다. class는 object 찍어내는 기계! 코딩애플에서는 롤로 예를 들었다. 100개가 넘는 챔피언들의 정보를 일일이 아래처럼 작성하는것은 노가다임. let 마이 = {q:'알파',w:'명상',e:'공격력증가',r:'공속이속증가, 둔화면역'} let 바루스 = {q:'멀리쏘기',w:'역병',e:'뿌리기, 피감', r:'속박'}; class라는 object 찍어내는 기계로 이를 쉽게할 수 있다. class Champion { constructor(q, w, e, r) { this.q = q; this.w = w; this.e = e; t.. 2022. 1. 15.
프로토타입 두서없이 정리 모든 JS객체는 생성된 객체의 부모객체의 원형이 되는 prototype.object를 가진다. prototype.object와 생성된 객체의 참조를 이어주는 링크는 __proto__인데, prototype링크라고 한다. 모든 객체는 프로토타입링크를 통해 object.prototype과 연결되어 있다. 만약 어떤 객체 내부에 존재하지 않는 속성에 접근하고자 한다면, 프로토타입 링크를 타고 거슬러 올라가며 해당 메소드를 찾는다. 만약 거슬러 올라가는 도중에 해당 메소드를 찾으면 해당 메소드를 반환하고 최상단 object.prototype에서도 찾지 못한다면 undefined를 반환한다. 이러한 과정을 통칭하여 prototype chaining이라 한다. let obj = {} let obj = new Obj.. 2022. 1. 4.
DOM DOM이란?? Document(Document Object Model) 'JS를 이용해 엘리먼트의 속성값을 다루는 방법'이라 할 수 도 있고, 'HTML문서의 구조와 관계를 객체로 표현한 모델' 이라고 할 수도 있겠다. 나는 후자의 설명이 더 맞는것 같지만, 둘 다 맞는 말이라고들 한다. 면접에선 둘 다 이야기하면 좋아하지 않을까?? 싶다. DOM에는 document라는 전역변수로 접근이 가능하다. DOM === Javascript?? DOM은 Document Object Model 의 약자로서, 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다. 그저 JS를 이용해 HTML의 구조관계인 DOM 구조에 접근할 수 있을 뿐 그러니까 DOM은 Javascript가 .. 2022. 1. 1.
Null, Undefined, Undeclared 차이 null 의도적으로 빈 값을 할당한 경우 let a = null; console.log(a); // null console.log(typeof a); // object null 이 객체였다! 그러고보니 프로젝트에서도 null 이 객체로 찍혀서 당황스러웠던 기억이 있다. undefined 선언되었지만 아무 값도 할당되지 않은 상태 let b; console.log(b);// undefined console.log(typeof b);// undefined undeclared 선언조차 되지 않은 변수, 레퍼런스 에러 console.log(류준열짱) // VM1693:1 Uncaught ReferenceError: 류준열짱 is not defined // at :1:13 2021. 12. 30.
반응형

티스토리툴바