1강. 설치,모듈임포트

들어가며

자바스크립트 실행 방법에는 크게 2가지가 있다.

첫째, 브라우저에서 실행하는 방법이다. 이는 크롬에 내장된 인터프리터를 이용하는 방식이다.

두번째는 서버에서 실행하는 방식인데, 장점은 브라우저 없이도 실행가능하다는 것이다. 이를 위해서는 node.js와 같은 플랫폼이 필요하다. 더 정확히 얘기하면, Node.js란 구글 크롬의 V8 Java Script 엔진으로 빌드된 (서버사이드) 자바스크립트 실행환경을 뜻한다.

설치

설치는 간단하다.

1단계 : https://nodejs.org/ko/ 로 접속한다.
2단계: “안정적, 신뢰도 높음” 버전을 택하고 ‘Automatically install the …’에 체크를 한다.

작업공간 세팅

작업공간 세팅 방법을 설명할텐데, 일단 아래와 같이 디렉토리명을 정하겠다.

C:\web

지금부터 vs code를 이요하여 작업공간을 세팅하자.

VSCs -> open folder -> C:\web\작업폴더명

이렇게 생성한 작업폴더 안에서 index.js 파일을생성한다.

node.js 설치와 동시에 이제 index.js에서 (브라우저 없이) JVS가 실행가능하다. 예를 들어 간단히 아래와 같이 확인할 수 있다.

console("hello")

console("hello")

이제, Terminal -> New Terminal 에서, 아래와 같이 명령어를 입력한다. node.js 런타임을 이용해 index.js 파일을 실행한다는 뜻이다.

C\web\... > node index.js

C\web\... > node index.js

npm

npm은 node package manager의 줄임말이다. node.js에서 사용하는 자바스크립트 패키지(모듈)을 설치하고 관리하는 도구이다. (Python의 pip과 비슷)

npm을 이용한 모듈 설치

npm을 이용해 모듈을 설치 방법은 다음과 같다.

1단계. 터미널에서 아래와 같이 npm을 시작한다.

npm init

npm init

2단계. 나타나는 물음에 계속 Enter를 치면서 프로젝트에 package.json 파일을 생성한다. 여기에는 앞으로 이 프로젝트에서 npm에서 다운받은 모듈들이 정리되어 담길 것이다.

3단계. 아래와 같이 npm install 모듈명 을 입력하여 모듈을 설치한다. 여기서는 express 모듈을 설치해보겠다.

npm install express

npm install express

참고로 npmjs.com에서 모듈을 검색하면 제공되는 quick start 코드를 이용해도 좋다.

위 명령어는 프로젝트 내에서 설치하는 명령이고, 전역으로 설치하려면 아래와 같이 하면 서버컴퓨터 전체에 설치된다.

npm install express -g

npm install express -g

4단계. 작업공간에 package-lock.json 파일이 생성되었음을 볼 수 있다. package.json보다 구체적인 설명이 기재된다는 차이점이 있다.

모듈 임포트

모듈을 임포트 하는 명령어는 아래와 같다.

const express = require('express')

const express = require('express')

express 모듈을 임포트하고 express 변수명에 할당한다는 뜻이다. 지금까지는 이렇게 require()함수를 써 왔고, 최신버전의 자바스크립트 공식 문법에 import, export 함수가 추가되었다고 하는데 아직 써 보지 않아 모르겠다.

>>다음 강의 가기 : 2강
>>강좌 목록으로 돌아가기