Node ch.04

Practice 01

ch.01~ch03 복습 연습문제

express 설정
필요한 npm 모듈설치
input UI 만들기(검색창)
검색결과를 받아서 dummy json 형태로 내리기
화면에 결과 노출하기

새로운 npm 프로젝트 생성 & express 설정

$ mkdir nodePractice01

$ cd nodePractice01

$ npm init

$ npm install express --save
npm 모듈설치
- npm nodemon 은 이전에 -g 옵션으로 설치해줬으므로 다시 안해줘도 됨.
-g 옵션으로 하지 않았다면, npm install nodemon -g 입력으로 재설치
- post형식으로 통신할 것이므로 body-parser 설치
npm install body-parser --save
- view endgine 을 이용할 것이므로 ejs 설치
$ npm install ejs --save

여기까지의 app.js 확인

  
  var express = require('express');
  var app = express();
  var bodyParser = require('body-parser');

  // 서버 실행
  app.listen(3000, function() {
    console.log("practice01 start@ on port 3000");
  })

  // 정적 파일 등록
  app.use(express.static('public'));

  // body-parser
  app.use(bodyParser.json());
  app.use(bodyParser.urlencoded({extended:true}));

  // URL Routing
  app.get('/', function(req,res){
    //res.send("<h1>Hello</h1>")
    res.sendFile(__dirname + "/public/main.html")
  })


  app.get('/main', function(req,res){
    res.sendFile(__dirname + "/public/main.html")

  })

  app.post('/search', function(req,res){
    res.send("post response")
  })

  app.set('view engine', 'ejs')

아직 미완

Node ch.04

Practice 01

Share on: