프로그래밍/정리노트

정리노트: SPA와 CSR, SSR(+ SSG)

GitHub - 1nno-vator/learn-archive Contribute to 1nno-vator/learn-archive development by creating an account on GitHub. github.com SPA와 CSR, SSR(+ SSG) (22.08.23) 아래 내용은 예외의 경우가 있을 수 있습니다. SPA (Single Page Application) (서비스 관점에서) 한 페이지 내에서 모든 서비스를 처리하는 것을 말한다. (반대되는 개념으로는 MPA (Multi Page Application)이 있다.) 단 하나의 HTML 내에서 변경이 필요한 부분을 Javascript를 통해 동적으로 변경해나간다. 대표적인 SPA 프레임워크(혹은 라이브러리)로는 React, Vu..

정리노트: 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); // 누굴 콘..