3.1 자바스크립트 실행 환경
- 모든 브라우저는 자바스크립트를 해석하고 실행할 수 있는 자바스크립트 엔진을 내장하고 있다.
- Node.js도 자바스크립트 엔진을 내장한다.
- 브라우저와 Node.js의 용도가 다르다.
- 브라우저는 HTML, CSS, 자바스크립트를 실행해서 화면에 렌더링하는 것이 목적이다.
- Node.js는 브라우저 외부에서 자바스크립트 실행 환경을 제공하는 게 목적이다.
웹 크롤링(Web Crawling)
- 서버에서 웹 사이트의 콘텐츠를 수집하기 위해서 HTML 문서를 가져와서 필요한 데이터만 추출하는 것을 말한다.
3.2 웹 브라우저
개발자 도구
- 개발자 도구는 웹 브라우저에 기본적으로 내장되어 있다.
- Elements: 로딩된 웹 페이지의 DOM, CSS 를 편집해서 렌더링된 뷰를 확인할 수 있다.
- Console: 로딩된 웹 페이지의 에러를 확인하거나 자바스크립트 소스코드에 작성한 console.log() 메서드의 결과를 확인 가능하다.
- Sources: 로딩된 웹 페이지의 자바스크립트 코드를 디버깅할 수 있다.
- Network: 로딩된 웹 페이지에 관련된 네트워크 요청 정보와 성능을 확인
- Application: 웹 스토리지, 세션, 쿠키를 확인하고 관리한다.
콘솔
- Console 패널(콘솔)은 자바스크립트 코드에서 에러가 발생하는 경우 우선적으로 살펴봐야하는 곳이다.
- 콘솔을 열어두지 않으면 에러 발생했는지 모르는 경우도 있다.
- console.log() 를 이용하면 결과를 콘솔에 출력한다.
3.3 Node.js
- 2009년 발표된 Node.js는 크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경이다.
- 브라우저 에서만 동작하던 자바스크립트를 브라우저 이외의 환경에서 동작시킬 수 있는 자바스크립트 런타임 실행 환경이 Node.js이다.
- npm :node package manager: 자바슼립트 패키지 매니저
- Node.js가 제공하는 REPL(Read Eval print Loop) 를 사용하면 간단한 자바스크립트 코드를 실행해서 결과를 확인할 수 있다.
title
- con
- con
title
- con
- con
출처 - 「모던 자바스크립트 deep dive」 -이웅모
'FrontEnd > 모던 자바스크립트 deep dive' 카테고리의 다른 글
| Chapter 06. 데이터 타입(data type) (0) | 2023.10.01 |
|---|---|
| Chapter 04. 변수 (0) | 2023.10.01 |
| Chapter 01. 프로그래밍 Chapter 02.자바스크립트란? (0) | 2023.09.28 |