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

[ 목차 ]

1. 웹 브라우저

2).개발자 도구

3. 콘솔

4. Node.js

5. 내장 터미널

6. code runner 확장 플러그인

 

1. 웹 브라우저

1) 구글 크롬 브라우저를 사용

2) 크롬 브라우저의 V8 자바스크립트 엔진은 Node.js에서도 사용하고 있기 때문

 

2. 개발자 도구

1) 크롬 브라우저가 제공하는 개발자 도구는 자바스크립트 개발에 필수적인 강력한 도구

2) 브라우저에 기본 내장되어 있기에 별도의 설치가 필요 없으며 F12를 이용해 실행 가능

 

3. 콘솔

1) 자바스크립트 코드에서 에러가 발생하여 애플리케이션이 정상적으로 동작하지 않을 때 우선적으로 살펴볼 곳

2) 구현 단계에서 디버깅을 실행하는 것보다 간편하게 값을 확인하며 개발을 진행가능

3) 자바스크립트 코드를 직접 입력하여 그 결과를 확인할 수 있는 REPL환경으로도 사용 가능

 

4. Node.js

1) 설치 주소 : 1https://nodejs.org/en/

Node.js

2) 브라우저에서만 동작하던 자바스크립트를 브라우저 ㅣ외의 환경에서 동작시킬 수 있는 실행 환경

3) 장기적으로 안정된 지원이 보장되는 LTS 버전을 다운로드

4) 명령 프롬프트를 사용해 node -v 와 npm -v 를 입력해 정상설치 되었는지 확인

5) 대부분의 언어가 제공하는 가상환경으로 간단한 코드를 직접 실행해 결과를 확인 가능

6) js 실행 시 node 파일명 으로 작동 가능

 

5. 내장 터미널

1) visual studio code 사용 시 컨트롤+` 를 이용하여 cmd와 같은 기능을 하는 파워셀 실행 가능

 

6. code runner 확장 플러그인

1) 자바스크립트를 비롯해 다양한 프로그래밍 언어를 vs code에서 실행할 수 있게 도움

2) ctrl + alt + n을 통해 실행