study: javascript | 숨참고 deep dive (3) 자바스크립트 개발 환경 - 221119

Lumpen·2022년 11월 18일
0

Study

목록 보기
6/92

1. 자바스크립트 실행 환경

브라우저와 node.js 는 자바스크립트 엔진을 내장하고 있다
각각의 용도는 다르다
브라우저는 파싱된 HTML 요소를 선택하거나 조작하는 DOM API 가 기본이지만
node.js 는 브라우저 개발을 위한 환경이 아니기 때문에 DOM API를 제공하지 않는다

반대로 node.js는 파일 생성 및 수정하는 파일 시스템을 기본 제공하지만
브라우저는 기본으로 제공하지 않는다

2. 웹 브라우저

다양한 브라우저가 있지만 해당 책에서는 크롬을 사용한다

2-1. 개발자 도구

브라우저가 제공하는 개발자 도구는 웹 애플리케이션 개발에 필수적인 강력한 도구다
기본 내장되어 있다

2-2. 콘솔

개발자 도구의 콘솔 패널은 매우 유용하다
디버깅을 간편하게 하기 위해 사용하는 경우가 많다

2-3. 브라우저에서 자바스크립트 실행

브라우저는 HTML 을 로드하면 script 태그에 포함된 자바스크립트 코드를 실행한다
개발자 도구의 콘솔은 에러 정보와 발생 위치를 제공한다

3. Node.js

React, Angular, Lodash 같은 프레임워크/라이브러리나
Babel, Webpack, ESLint 등 여러 도구를 사용하기 위해서는 node.js, npm 이 필요하다

profile
떠돌이 생활을 하는. 실업자는 아니지만, 부랑 생활을 하는

0개의 댓글