* 이 포스트는 "생활코딩 egoing님의 node강좌" 를 보고 정리하는 개인적인 포스트입니다.


[참고/출처]

https://opentutorials.org/course/2136/11854


NPM 모듈 Express 기본 사용법


익스프레스를 사용해면 http 모듈 없이도 간단한 웹서버를 구성할 수 있습니다.

익스프레스의 자세한 사용법은 express 공식 홈페이지에서 한국어 번역판을 볼 수 있습니다. http://expressjs.com/ko/ 

(번역해 주신분들 감사합니당ㅎ.ㅎ!!!)


1. 설치와 기본사용법


익스프레스를 사용하기 전에 먼저 설치를 합니다.

package.json파일이 없으신분들은 npm의존성모듈 관리하기 참고!


  

[user@server home/mingcho/node] # npm install express --save



express의 기본 사용법.!


 

const express =  require("express");  // express 모듈을 require 한후 

const app =  express() // app변수에 express함수를 담습니다!

  

app.get('/', function(req, res){

  res.send('Hello home page');

});  // '/' 경로로 들어오는 사용자에게 Hello home page라는 문자열을 리턴해줍니다.


app.get('/login'function(req, res){

  res.send('Login please');

});  // '/login' 경로로 들어오는 사용자에게 Login please라는 문자열을 리턴해줍니다.


app.listen(3886function(){

  console.log('Connected 3886 port');

});  // 우리의 서버는 3886번 port의 요청을 들을 준비가 되었습니당.! 준비가되면 콘솔창에 Connected 3886 port를 띄워줍시당.




2. 정적파일 엑세스하기 


우리가 주로 프로그램을 처리하고 동적으로 데이터가 처리되는 부분이 아닌 한번 작성을 하면 

수정하기 전까지 변하지 않는 html 파일이나 css 파일등을 정적파일이라고 부릅니다.


express로 이런 정적파일들을 엑세스 하려면 아래와 같은 소스를 추가해주면됩니다.


app.use(expressstatic('폴더경로'));

// '폴더경로'에는 엑세스 하고자 하는 파일이 들어있는 폴더의 상대경로나 절대경로를 입력해주면 됩니다.


ex)

app.js

 

const express  require("express");  

const app =  express() 


app.use(expressstatic('public'));

// app.js 가 있는 프로젝트 안에 public이란 폴더를 만들고 그 안에있는 


app.get('/'function(req, res){

  res.send('Hello home page');

}); 


app.get('/route'function(req, res){

  res.send('<img src ="/flag.jpg"');

});  

// flag.jpg 이미지 파일을 /route 로 들어오는 사용자들에게 보여주도록 했습니다.


app.listen(3886function(){

  console.log('Connected 3886 port');

});  



호스트주소:포트번호/route 로 접속시 이미지가 잘 나온다면 성공! 


public안에 간단한 html 파일을 만든후 호스트주소:포트번호/파일명 으로도 접근해봅시당.


static.html

 

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title></title>

  </head>

  <body>

      <ul>

         <li>mingcho</li>

         <li>mingcho</li>

         <li>mingcho</li>

      </ul>

  </body>

</html>



위와 같은 정적파일들은 수정한 후 node를 껐다가 다시키지 않아도 바로 적용이 됩니다.










+ Recent posts

티스토리 툴바