웹 애플리케이션 만들기

웹 애플리케이션 만들기

이번에는 Node.js를 통해 웹으로 실행되는 웹 애플리케이션을 만들어보자.

 웹 서버 코드 작성하기

Node.js 홈페이지에 들어가서 About 메뉴를 확인해보면 기본적인 웹 서버 코드를 작성하는 방법을 알려주고 있다.

해당 코드를 복사해도 좋고 직접 타이핑해도 좋으니 내용을 참고해서 웹 서버 코드를 작성해보자.

프로젝트 폴더 하위에 "webserver.js"라는 파일을 생성하고 Node.js about페이지에서 보았던 코드를 작성해보자.

이 때 만약 수기로 작성할 경우  10번줄 console.log()함수에 표기하는 따옴표를 잘 봐야한다.

사실 console.log() 안에 인자로 들어가는 내용을 묶고있는 저 기호는 작은 따옴표가 아닌 grave accent( ` )라고 하는 기호이다.

(키보드에서 tab키 위에 존재하는 물결표 모양 키)

이 내용을 악센트가 아닌 작은 따옴표로 묶을 경우 제대로 실행되지 않을 수 있으니 유의해서 코드를 작성하자.

 실행하기

웹 서버 코드를 작성했으니 이제 실행해보자.

cmd를 실행하고 프로젝트 폴더로 접근한 다음 "node webserver.js"를 입력해보자.

커맨드를 입력하고 나면 "Server running at http://127.0.0.1:3000"이라는 문구가 표현될 것이다.

이것은 바로 서버가 실행되었음을 사용자에게 알려주는 내용이다.

우리가 작성한 코드는 "웹"에서 실행하기 위한 코드가 아니던가?

그럼 이제 웹 페이지를 접속해보자.

브라우저를 열고 "127.0.0.1:3000" 혹은 "localhost:3000"을 주소창에 입력하고 접속해보자.

웹 페이지로 접속을 해보면 webserver.js에서 작성한 8번 줄 코드인 "res.end('Hello World\n');"이 실행되어 Hello World라는 문구가 출력되며 반겨준다.

8번 코드 뿐 아니라 7번 줄 코드인 "res.WriteHead(200, { 'Content-Type': 'text/plain' })"도 실행되어 헤더 정보를 작성하여 문자열이 출력되는 것이다.