[VSCODE에서 Node.js로 웹페이지 만들어보기1]

Node.js를 알아보자

Web Site를 만들기 전에 Node.js를 사용하는 이유
Node.js의 장점을 간단히 말하자면

• 자바스크립트를 사용하여 웹 서버 개발까지 가능하다.
• 프런트엔드와 백엔드 개발을 동시에 할 수 있는 풀스택 개발 능력을 얻게 된다.
• 빠른 웹 애플리케이션 개발이 가능하기 때문에 유지 보수 비용 절감 즉 ,개발 생산성이 향상된다.

1. Website 폴더를 만들어서 VSCODE 에서 폴더열기

2. 터미널 열고(Ctrl + Shift + `) npm init 입력 후 엔터

위와 같이 입력하면 package.json 파일이 생성된다.

• package
  

각 항목의 내용은 아래표를 참조하면 된다.

3. 다음으로 Express를 설치해준다

• npm install express

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

설치하면 node_modules 파일이 생긴 것을 볼 수 있다.
우리는 Express 패키지만 설치했지만 폴더를 열어보면 패키지가 참조하고 있는 다른 npm 패키지들도 같이 설치된 것을 볼 수 있다.(패키지 의존성이라 한다.)

4. 루트 경로에 app.js 파일을 만들어서 다음과 같이 코드 작성하기
   

5. 다음으로 명령어로 서버를 실행
   node app.js
   

6. 브라우저 실행 후에 localhost:3000을 입력해서 이 화면이 나오면 성공