1. <\script> 태그의 위치는 어디가 좋은가?
🔍 브라우저의 작동 방식
HTML을 읽기 시작 - HTML 파싱 - HTML 파싱 - DOM트리 생성 - Render트리 생성 - Display
🔍 따라서...
브라우저는 HTML 태그들을 읽어나가는 도중 script 태그를 만나면 파싱을 중단.
우선 javascript 파일을 로드 후 javascript 코드를 파싱한다.
파싱이 완료되면 그 후에 HTML 파싱이 계속 된다.
🔍 결론
HTML을 읽는 과정에 스크립트를 만나면 중단 시점이 생기고 그만큼 Display에 표시되는 것이 지연된다.
DOM 트리가 생성되기전에 자바스크립트가 생성되지도 않은 DOM의 조작을 시도할 수 있다.
위와 같은 상황을 막기 위해 script 태그는 body 태그 최하단에 위치하는 게 가장 좋습니다.
2. Stack/Queue
🔍 Stack
차곡차곡 쌓아 올린 형태의 자료구조
PUSH/POP으로 접근, 후입선출(Last In First Out)
🔍 Queue
줄을 서서 기다리는 형태의 자료구조
OFFER/POLL로 접근, 선입선출(First In First Out)
3. XML/JSON
🍁 둘 다 데이터를 저장하고 전달하기 위해 고안되었음.
기계뿐 아니라 사람도 읽기 쉬움.
다양한 언어에 의해 파싱될 수 있음.
🔍 XML
Extensible Markup Language
데이터를 저장하고 전달
🔍 JSON
종료 태그를 사용하지 않으며, 배열이 구현됨.
XML 데이터보다 더 빠른 속도로 읽기/쓰기 가능.