모던 자바스크립트 Deep Dive 스터디 2일차

2일차 주요 내용 정리

---

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

웹 크롤링

• 서버에서 웹사이트의 HTML 문서를 가져온 다음 이를 가공해서 필요한 데이터만 추출하는 행위.

NPM

• npm(node package manager)은 자바스크립트 패키지 매니저다. Node.js에서 사용할 수 있는 모듈들을 패키지화해서 모아둔 저장소 역할과 패키지 설치 및 관리를 위한 CLI(Command line interfacce)를 제공한다. 자신이 작성한 패키지를 공개할 수도 있고 필요한 패키지를 검색해 재사용할 수도 있다.

Node.js 설치

• http://nodejs.org 설치를 위한 Node.js 웹사이트
• LTS(Long Term Surpport) 버전은 장기적으로 안정된 지원이 보장된다. 반면 Current 버전은 최신기능을 제공하지만 업데이트가 발생하는 버전으로 안정적이지 않을 수 있다.
• 설치를 시작하면 npm도 함께 설치된다.
  윈도우:C:\Program Files\nodejs\node.exe
  맥:/use/local/bin/node
• 버전을 출력해 정상적으로 설치되었는지 확인

  $ node -v
  $ npm -v

ECMAScript 표준 빌트인 함수와 클라이언트 사이트 Web API

• IDE 내부 터미널에서 node index 를 실행시키면 alert 기능을 사용할 수 없다.
  alert 함수는 브라우저에서만 동작하는 클라이언트 사이트 Web API 이기 때문이다.
  IDE 내부 터미널에서는 Node.js 환경을 사용해 자바스크립트를 실행하기 때문에 에러가 발생하는 것
• 클라이언트 사이트 Web API는 Node.js 환경에서 실행할 수 없다는 것에 주목하자.

live-server

• 소스코드를 수정할 때마다 매번 새로고침해야 하므로 번거롭다. 이때 live-server 를 이용하면 수정 사항을 브라우저에 자동으로 반영해주기 때문에 매우 편리하다.
• liver-server 설치 명령어

  sudo npm install -g live-server

• 설치 후 웹스톰 내부 터미널에서 liver-server 를 실행해주면 된다.
  실행종료는 control^ + c