Node/Express

Node.js - express (4) 정적인 파일 처리하기

이번 포스팅에서는 Node.js에서 express 모듈을 활용해 정적인 파일들을 처리하는 방법에 대해 알아보고자 한다. 아래와 같은 express.js 파일과 index.html 파일이 작성되어 있는 상태에서 서버가 실행되고 있다고 하자. 해당 서버는 웹브라우저에서 보낸 요청에 대한 응답으로 html 파일을 건내주고 있다. 이 때 html 파일뿐만 아니라 CSS, JavaScript와 같은 파일들도 보내주기 위해서는 어떠한 처리를 해야할까? 기본적으로 HTML 페이지에는 html 파일만 존재하고 있지 않다. 페이지를 꾸며주는 css 파일, 이벤트를 핸들링 해주는 js 파일, 이미지 파일 등 여러 파일들과 함께 전체 HTML 페이지가 만들어지게 된다. HTML 페이지에 css 파일과 js 파일이 같이 존재..

Node.js - express (3) get 요청 , post 요청

이번 포스팅에서는 웹브라우저가 get 방식 혹은 post 방식으로 데이터를 담아 웹서버에 요청을 보냈을 때 express와 nunjucks를 활용해 이러한 요청들을 처리하는 방법에 대해 다뤄보고자 한다. get 방식의 요청과 응답 post 방식의 요청과 응답 웹브라우저에서 웹서버로 요청을 보내는 방식은 크게 get 방식과 post 방식이 있다. get 방식은 URL에 queryString 형태로 데이터를 담아 웹서버에게 요청을 보내는 방식이다. 위와 같은 형태로 express.js 파일과 index.html 파일이 작성되어 있다고 했을 때 app.get( ) 메소드의 콜백함수에게 전달된 req 객체를 이용하면 get 방식으로 요청이 들어왔을 때 querySt..

Node.js - express (2) 템플릿 엔진 사용하기

이번 포스팅에서는 express를 이용해 웹서버를 구축할 때 템플릿 엔진을 사용하는 방법에 대해 알아보도록 하자. 템플릿 엔진으로는 nunjucks를 사용하고자 한다. 템플릿 엔진 nunjucks nunjucks 세팅하기 템플릿 엔진을 이용해 변수 다루기 템플릿 엔진에는 ejs, pug, jade, nunjucks 등등 다양한 종류의 템플릿 엔진이 있다. 우리가 사용할 템플릿 엔진은 이러한 여러 템플릿 엔진 중 nunjucks라는 녀석이다. 템플릿 엔진을 사용하는 이유는 HTML 파일을 만들어 주기 위해서이다. 앞서 우리가 express를 이용해 요청이 들어온 웹브라우저에게 응답을 보낼 때는 res.send() 메소드를 사용해 웹브라우저에게 랜더할 페이지의..

Node.js - express (1) 웹서버 만들기

앞으로 Node.js의 express 모듈을 이용해 웹서버를 제작하는 과정을 포스팅해 보고자 한다. 이번 포스팅에서는 express 모듈을 사용해 포트를 연결하고 접속하는 것만 구현해 보도록 하자. npm install express (express 패키지 설치) 웹서버 만들기 Node.js에는 웹서버가 내장되어 있기 때문에 이를 활용하면 웹서버를 구축할 수 있다. 우리가 사용할 것은 express로 이는 Node.js에서 실행할 수 있는 웹서버를 구축하기 위한 패키지이다. 우선 npm을 사용하기 위한 준비 작업으로 vsCode(Visual Studio Code) 에디터의 터미널 창에 "npm init"을 입력해 package.json 파일을 생성하..