04. Express 웹 서버 환경설정

1.  Express.js로 웹 서버 만들기

 - 익스프레스는 Node.js에서 웹 애플리케이션 혹은 API 서버를 구축하는 데 가장 많이 사용되는 대표적인 프레임워크이다.

 - 웹 서버를 만들기 위해 node-project 폴더 생성 후 오픈.

 

2.  package.json 파일 생성

• 1) 프로젝트를 진행할 폴더를 생성(node-project 이름으로 생성)
• 2) VScode에서 File -> Open Folder 메뉴를 통해 node-project 폴더를 연다.
• 3) 터미널에서 "npm init" 명령어를 실행함으로써 package.json 파일을 생성.
  
  

• package name : 패키지 이름(프로젝트 혹은 현재 애플리케이션의 대표 이름을 입력)
• version : 패키지 버전
• description : 패키지에 대한 설명
• entry point : 자바스크립트 실행 파일(웹 서버를 구현한다면 index.js 혹은 app.js로 구현한다.)
• test command : 코드를 테스트할 때 입력할 명령어
• git repository : 코드를 저장해 둔 깃(Git) 저장소 주소
• keywords : 개발자들이 npm 공식 홈페이지에서 패키지를 검색할 때, 검색을 위해 제공되는 키워드
•  license: 패키지 라이선스 정보. (ISC: Internet Systems Consortium에서 허용한 자유 소프트웨어 라이선스)
  
  

모든 입력을 마치면 다음과 같이 package.json 파일이 생성

 

3.  Express 설치 

npm install 패키지명

- npm에 등록된 Node.js 패키지 설치는 터미널에서 다음과 같이 명령어를 통해 이루어짐.

npm install express

- express.js 설치할 것이기 위 같이 명령어 사용

설치가 완료 되면 node_modules 폴더가 자동 생성되고 여러 폴더와 파일이 생성됨을 확인.

 

4.  app.js 생성

 - app.js 파일을 생성 후 익스프레스를 사용해 몇 줄 코드로 웹 서버를 구동

 - 아래와 같이 명령을 통해 앱을 실행시킨다.

node app.js

 - 서버가 실행되고 터미널 콘솔에 다음과 같이 콘솔 메시지가 출력.

- 웹 브라우저를 열고 주소창에 http://localhost:3000을 입력하고 실행하면 다음과 같이 나오게 된다.

익스프레스 실행 결과