Frontend Core/JavaScript
-
[Javascript] DOM에 대해서 알아보자!Frontend Core/JavaScript 2022. 6. 16. 00:22
1. DOM(Document Object Model) DOM이란? DOM은 구조화된 문서를 객체로 표현하는 형식을 말합니다. 2. 웹브라우저 동작 과정 웹서버로부터 html 파일을 가져옴 가져온 html 파일과 css정보를 파싱(parsing)하여 DOM tree 생성, CSSOM tree 생성 DOM / CSSOM tree를 기반으로 Render tree 생성 3. 웹브라우저 동작과정과 Javascript html 코드를 기반으로 DOM 트리를 구성하는데, javascript 코드인 를 내에 넣으면 DOM 트리가 구성하기 전에 태그를 만나면서 javascript 엔진에 제어권을 넘기게 됩니다. javascript 엔진에 제어권을 넘기게 되면 자바스크립트 엔진이 해당 js 코드 파일을 로드해서 실행하고,..
-
[Javascript] #1 Javascript란?Frontend Core/JavaScript 2022. 5. 23. 23:49
Javascript 란? 자바스크립트란 동적으로 요소를 변경하고 사용자 인터페이스를 지원하기 위해 고안된 스크립트 언어이며, 넷스케이프 커뮤니케이션 사에서 개발하였고, 본래 이름은 모카(Mocha), 그리고 라이브 스크립트 였으나, 당시 JAVA 언어가 인기를 끌어서 관련이 없었음에도 Javascript 라고 명명하였습니다. 표준화된 언어의 공식 이름은 ECMAScipt이고, 아직까지도 대외적으로 사용되는 이름은 Javascript이다. javascript 엔진 V8: 구글에서 만듬, 크롬이 먼저 채택, 이후 Electron, Node.js에서 사용, ms사에서도 기존 자체 엔진을 버리고 V8을 채택중 SpiderMonkey: FireFox 브라우저에서 사용 중 JavaSctiptCore: 오픈 소스로 ..