sjindev 님의 블로그

브라우저의 렌더링 과정1. 요청과 응답브라우저 주소창에 URL 입력 시 브라우저가 DNS를 통해 IP 주소 조회함해당 서버로 HTTP 요청 전송함서버는 HTML 문서를 응답으로 반환함브라우저는 HTML 문서 수신 후 렌더링 엔진에 전달함2. HTTP 1.0 과 HTTP 2.0HTTP 1.0: 요청마다 TCP 연결 새로 생성함, 다중 요청 불가능함, 리소스가 많은 페이지에서 성능 저하 발생함HTTP 2.0: 하나의 연결에서 다중 요청 동시 처리 가능함, 헤더 압축과 서버 푸시 지원으로 성능 향상됨3. HTML 파싱과 DOM 생성DOM 생성과정 요약1. 렌더링 엔진이 HTML 문서를 읽고 토큰 단위로 분해함2. 토큰을 객체로 변환하여 노드를 생성(문서 노드, 요소 노드, 어트리뷰트 노드, 텍스트 노드).3...

심벌 (Symbol)1. 심벌값의 생성심벌은 ES6에서 도입된 원시 타입 중 하나임Symbol() 함수 호출로 생성함생성된 심벌값은 유일무이함new 연산자 사용 불가심벌값은 문자열로 자동 변환되지 않음const sym1 = Symbol('desc');const sym2 = Symbol('desc');console.log(sym1 === sym2); // false2. 심벌과 상수중복되지 않는 상수 값 생성 시 유용함주로 enum 대체 용도로 사용됨const DIRECTION = { UP: Symbol('up'), DOWN: Symbol('down')};3. 심벌과 프로퍼티 키객체 프로퍼티 키로 심벌 사용 가능함문자열 키와 달리 충돌 위험 없음const key = Symbol('key');const o..