본문 바로가기
JavaScript Study

JavaScript - #2. 자바스크립트 개발 환경 세팅

by KMS_99 2023. 8. 23.

자바스크립트 개발을 위한 환경설정을 하기 전 알아야 할 개념이 있다.

Node.js와 NPM

Node.js

Node.js는 Chrome의 JavaScript 엔진인 V8을 빌드된 자바스크립트 런타임 환경이다.

브라우저에서만 동작하던 JavaScript를 다른 개발환경에서도 동작할 수 있도록 하는 것이다.

Npm

그렇다면 Npm은 무엇일까?

Npm은 Node Package Manager의 약자로 말그대로 Node.js에서 사용할 수 있는 모듈을 패키지화하여 모아둔 저장소이다.

 

지금 이 설명을 하는 이유는 우리가 위 두가지를 설치 할 예정이기 때문이다.

 

누군가는 물을 수 있다.

우리는 프론트엔드 개발을 할건데 node.js를 왜 설치하나요??

그 이유는 Npm에 있다.

 

웹개발을 할 때 Npm을 통해 유용한 모듈을 설치 할 수 있다.

현재는 자바스크립트를 공부하고 있지만 React, Vue 등 다양한 JavaScript Framework에서 더 빛을 보게될 예정이다.

 

Node.js를 설치하면 Npm이 자동으로 설치되기 때문에 우리는 Node.js를 설치할 것이다. 

Node.js 설치 페이지

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

LTS 버전은 안정적인 지원이 가능하며 대부분 실제 개발환경에서 사용된다.

현재버전은 안정적이진 않지만 최신 기술을 다루고 있다.

목적에 맞게 잘 선택하여 설치하면 된다.

설치 후 cmd 창에 node -v, npm -v 의 명령어를 입력하여 버전이 나온다면 성공이다.

 

다음으로 개발 에디터인 Visual Studio Code를 설치하도록 하자.

Visual Studio Code는 실무에서도 인기가 많은 에디터로 앞으로 개발에 쭉 사용할 예정이다.

Visual Studio Code 설치하기

 

자신의 OS 환경에 맞게 설치하면 JavaScript를 개발할 준비가 끝났다.

 

다음시간에는 JavaScript 변수에 대하여 알아보자.

'JavaScript Study' 카테고리의 다른 글

JavaScript - #6. 연산자(1)  (1) 2023.08.24
JavaScript - #5. 데이터 타입 (2)  (0) 2023.08.24
JavaScript - #4. 데이터 타입 (1)  (1) 2023.08.24
JavaScript - #3. 변수  (0) 2023.08.24
JavaScript - #1 자바스크립트란?  (0) 2023.08.23