분류 전체보기

정리노트: DOM과 BOM

GitHub - 1nno-vator/learn-archive Contribute to 1nno-vator/learn-archive development by creating an account on GitHub. github.com DOM과 BOM (22.08.22) DOM (Document Object Model, 문서 객체 모델) HTML, XML 문서에 Javascript, Python등 프로그래밍 언어를 통해 접근할 수 있는 interface이다. DOM은 문서의 구조화된 표현(노드 트리 구조)을 제공하며 이를 통해 스크립팅 언어로 웹 페이지를 접근할 수 있다. Hello, DOM! 위와 같은 HTML 문서는 아래와 같은 트리 구조를 가진 DOM으로 생성된다. html - head - body -..

정리노트: 자바스크립트는 싱글스레드 (+call stack, queue, event loop)

GitHub - 1nno-vator/learn-archive Contribute to 1nno-vator/learn-archive development by creating an account on GitHub. github.com 자바스크립트는 싱글스레드 (22.08.16) 자바스크립트는 싱글 스레드이다. 싱글 스레드라는 것은 동기적(순차적)으로 한 번에 하나의 일만 처리할 수 있다는 것이다. function print2() { console.log('2'); } function doSomething() { console.log('doSomething'); } function main() { console.log('1'); print2(); doSomething(); } main(); 위와 같은 코드가..

정리노트: var, let, const

GitHub - 1nno-vator/learn-archive Contribute to 1nno-vator/learn-archive development by creating an account on GitHub. github.com var, let, const (22.08.14) let과 const 도입 이전, var는 재선언과 재할당이 가능하다는 편함이 존재하였으나 여러가지 문제를 초래할 가능성이 있었다. function main() { for (var i=1; i

정리노트: 스코프

GitHub - 1nno-vator/learn-archive Contribute to 1nno-vator/learn-archive development by creating an account on GitHub. github.com 스코프 (22.08.13) 스코프란? 스코프는 변수 이름, 함수 이름, 클래스 이름과 같은 식별자가 본인이 선언된 위치에 따라 다른 코드에서 자신이 참조될 수 있을지 없을지 결정되는 규칙을 말한다. var a = 1; function outer() { var a = 50; function inner() { var a = 999; console.log(a); // a라는 변수가 3개인데, 누굴 콘솔에 남겨야하지? } inner(); } console.log(a); // 누굴 콘..

정리노트: 호이스팅

GitHub - 1nno-vator/learn-archive Contribute to 1nno-vator/learn-archive development by creating an account on GitHub. github.com 호이스팅 (22.08.13) 호이스팅은 '변수선언문', '함수선언문'이 스코프 내 최상단으로 끌어올려지는 것을 말한다. 호이스팅 되는 것은 '선언부'뿐이며, '대입부'는 끌어올려지지 않는다. var a = 1; 위와 같은 변수선언문은 인터프리터에 의해 아래와 같이 변환된다. var a; // 선언부 (선언문) a = 1; // 대입부 (대입문) 이중 호이스팅 되는 것은 선언부인 'var a' 부분이다. console.log(a); var a = 1; console.log(a)..