프로그래밍

정리노트: 자바스크립트는 싱글스레드 (+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)..

정리노트: 브라우저의 렌더링 원리

GitHub - 1nno-vator/learn-archive Contribute to 1nno-vator/learn-archive development by creating an account on GitHub. github.com 브라우저의 렌더링 원리 (22.08.13) Summary: CRP (Critical Rendering Path) 절차를 거쳐서 렌더링된다. CRP란? HTML 파싱 + DOM 트리 구축 CSS 파싱 + CSS 트리 구축 Javascript 실행 HTML 파싱 중 Javascript를 만나면, HTML 파싱이 중단된다. DOM 트리 & CSS 트리를 조합하여, Render 트리 구축 'Display: none' 과 같이 보이지않으며, 자리를 차지하지 않는 것은 Render 트리..