3.1 자바스크립트 실행 환경
모든 브라우저와 Node.js는 자바스크립트 엔진을 내장하고 있으므로, 이 두 개의 환경에서 자바스크립트를 해석하고 실행할 수 있다.
- 브라우저
목적: HTML, CSS, 자바스크립트를 실행해 웹페이지를 브라우저 화면에 렌더링하는 것추가 제공 기능: 클라이언트 사이드 Web API (DOM API: 파싱된 HTML 요소를 선택하거나 조작하는 기능의 집합)
- Node.js
목적: 브라우저 외부에서 자바스크립트 실행 환경을 제공하는 것추가 제공 기능: 고유의 API (파일 시스템: 파일을 생성하고 수정할 수 있는 기능)
⇒ 브라우저와 Node.js는 자바스크립트의 코어인 ECMAScript를 실행할 수 있지만, 각각 추가로 제공하는 기능은 호환되지 않는다.
3.2 웹 브라우저
개발자 도구
: 웹 애플리케이션 개발에 필수 도구
- Elements : 로딩된 웹페이지의 DOM과 CSS를 편집해서 렌더링된 화면을 확인할 수 있음. 단 편집된 내용은 저장되지 않음
- Console : 로딩된 웹페이지의 에러를 확인하거나 자바스크립트로 작성된 소스코드 console.log의 결과 확인
- Source : 로딩된 웹페이지의 자바스크립트 코드를 디버깅할 수 있음
- Network : 로딩된 웹페이지에 관련된 네트워크 요청 정보와 성능을 확인
- Application : 웹 스토리지, 세션, 쿠키를 확인하고 관리할 수 있다.
프론트엔드 개발자가 되고싶은 코린이⌨️