node.js에 웹 프레임워크인 express를 이용해 웹 서버를 뛰워보도록 하겠습니다.

project 생성

첫번째는 node.js project 생성합니다.

위와 같은 명령어를 사용하면 project가 생성됩니다.
npm init을 하면 사용자에 대하여 여러가지를 묻는데, -y는 이러한 귀찮은 과정을 생략할 수 있습니다.

결과로 위와 같은 폴더구조가 생성되어 있는 것을 볼수 있습니다

Express 설치

위와 같은 명령어로 express를 설치합니다

설치하면 package.json파일에 dependencies부분에 express가 추가된 것을 볼 수 있습니다.

app.js 생성

위 코드를 통해 웹서버를 띄울 수 있습니다.

1. require메소드를 통해 express모듈을 불러옵니다.
2. app 변수에 express()를 저장하고, port는 3000으로 지정합니다.
3. 3번째 문단은 get방식으로 '/'로 들어오면 hello express문자열을 response 하는 코드입니다.
4. 4번째 문단은 get방식으로 '/fastcampus'로 들어오면 fastcampus express 문자열을 response 하는 코드입니다.
5. app.listen는 포트 명과 리스닝이 성공하면 콘솔 창에 Express listhening on port 3000이 출력됩니다.
   

웹서버 실행

위와 같은 명령어로 웹서버를 실행시킵니다. 그러나 node명령어는 app.js이 변경될 시 서버를 처음부터 다시 동작 시켜야합니다. 이러한 문제점을 보완하는 명령어는 nodemon이라는 명령어입니다.

위와 같은 명령어를 사용하면 app.js가 수정되어도 바로 감지하여 변경사항을 수정합니다.

npm 이용해 웹서버 실행

node 명령어가 아닌 npm명령어를 통해 웹서버를 실행 할 수 있습니다.

위와 같이 package.json에 scripts부분에 dev는 nodemon app.js라고 작성합니다.

위와 같은 명령어를 실행하면 dev에 해당하는 nodemon app.js명령어를 실행합니다.

위는 웹서버가 잘 동작되고 있다는 결과입니다.