3장. 자바스크립트 개발 환경과 실행방법

1. 브라우저와 Node.js 공통점 

ECMAScript 실행 가능

 

2. 브라우저와 Node.js 차이점

i) 목적

- 브라우저 : html, css, js를 실행해 웹페이지를 브라우저 화면에 렌더링하는 것이 목적

- Node.js : 브라우저 외부에서 js 실행환경 제공하는 것이 목적

 

ii ) 기본 제공

- 브라우저 : DOM API (파싱된 html 요소를 선택하거나 조작하는 기능의 집합) / 클라이언트 사이드 Web API 제공, 파일 시스템 제공 x -> 보안상의 이유

- Node.js : 파일 시스템 제공 , DOM API 제공 x ->  브라우저 외부환경에서는 html요소를 파싱해서 객체화한 dom을 직접 다룰 필요가 없으므로, Nodejs 고유 API 지원

 

+ 웹 크롤링 : 서버에서 웹사이트 콘텐츠를 수집하기 위해 웹사이트에서 html문서 가져온 다음, 이를 가공해서 필요한 데이터만 추출하는 행위, 서버환경은 dom api 제공하지 않으므로 dom 라이브러리 사용

 

 

3. 크롬 개발자 도구

- elements : dom과 css를 편집해서 렌더링된 뷰 확인, 편집된 내용이 저장되지는 않음

- console : 에러확인

- sources : 디버깅 가능

- network : 네트워크 요청 정보/성능 확인

- application : 웹스토리지, 세션, 쿠키 확인/관리

 

 

4. Node.js

크롬 v8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경

-> 브라우저 이외의 환경에서 동작시킬 수 있는 자바스크립트 실행환경

 

 

5. npm

자바스크립트 패키지 매니저

nodejs에서 사용할 수 있는 모듈들을 패키지해서 모아둔 저장소 역할과 패키지 설치 및 관리 위한 cli 제공