졸업작품 개발 일지 (웹 서버 구축)

5월 1일, 나름 열심히(?) 공부한 것들(!)

 

node.js + express => 웹 서버 구축

 

웹 서버(Web Server)란?

- HTTP를 통해 웹 브라우저에서 요청하는 HTML 문서나 오브젝트(이미지 파일 등)을 전송해주는 서비스 프로그램

  1) 소프트웨어 측면 :  웹 브라우저와 같은 클라이언트로부터 HTTP 요청을 받아들이고,

                              HTML 문서와 같은(정적인 컨텐츠 ex) .html .jpeg .css) 웹 페이지를  반환하는 컴퓨터 프로그램

  2) 하드웨어 : 웹 서버가 설치되어 있는 컴퓨터

 

웹 서버(Web Server) 주요 기능 

- 웹 페이지를 클라이언트로 전달하는 것

- 주로 그림, CSS, 자바스크립트를 포함한 HTML 문서가 클라이언트로 전달

 

Express란?

- 웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크

 

 

Let's Start!

 

step 1. NPM(Node Package Manager) project 시작

=> npm init

 

다음과 같이 package.json 파일이 생성 되었다.

 

=> npm install express --save

express가 필요로 하는 라이브러리들도 새로운 디렉토리 node_modules 안에 함께 설치됨

 

 

Step2. Express 기반 웹 서버 구동

app.js 파일 생성

app.js 파일 안에 다음과 같은 코드를 입력

터미널에 node app.js 입력

다음과 같이 app.js 파일 내부의 app.listen(포트번호(3000), 콜백(start! express server on port 3000)) 메서드가 실행됨

 

=> npm install nodemon -g
-g : global install option

nodemon사용 시 app.js 파일 내부를 수정하고 저장하면 자동으로 서버가 다시 시작됨

 

 

Step3. URL Routing 처리

 

URL Routing이란?

- 사용자가 접근 한 URI에 따라서 Controller의 메소드를 호출해주는 기능

-  주소에 따라 서버에 어떤 파일을 사용자한테 제공할지 정하는 것

- URL 라우팅을 사용하면 실제 파일에 매핑되지 않는 요청 URL을 허용하도록 응용 프로그램을 구성 가능

  이 때 요청 URL은 사용자가 웹 사이트에서 페이지를 찾기 위해 브라우저에 입력하는 URL

 

app.get함수를 사용해 브라우저를 열었을 때 index.html 파일이 나타나도록 해줌