Node_서버 가동 및 html파일 연결

Node 버전 확인

node –v

npm –npm

 

npm init            : yes 나올 때까지 엔터

-> Pakage.json 생성

Exit로 종료

 

폴더에서 js파일 생성

 

https://www.npmjs.com/

express검색

 

 

/*

    NodeJS는 자바스크릅티를 브라우저 밖에서 사용하게 해주는 프로그램

    express는 서버를 개발하고자 하는 개발자를 위해 서버를 쉽게 구성할 수 있게 만든 프레임 워크

    npm install express --save로 설치

    !!서버 가동된 상태에서는 코드를 수정해도 반영되지 않음!!

    -> 서버 껐다가 다시 킬 것

*/

const express = require("express");

const app = express();

const server = app.listen(3000, () => {              //서버 번호 동일해야 함

    console.log("start server : localhost : 3000")   //서버 번호 동일해야 함

})

 

cmd창에 입력

node js파일명

 

 

 

 

 

 

 

서버 가동 및 Get방식 요청 처리

const express = require("express");

const app = express();

//1. 서버 가동

const server = app.listen(3001, () => {              //서버 번호 동일해야 함

    console.log("start server : localhost : 3001")   //서버 번호 동일해야 함

})

//2. Get방식 요청처리

//라우터 처리 및 콜백함수 등록

app.set("views",  __dirname + "/views");

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

    res.send("Hellw World");

    //res.render("views/index.html");

    //eje 추가가 안되면 응답처리 되지 않음

})

오타 정품 인증^^

 

app.set("views",  __dirname + "/views");

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

    //res.send("Hellw World");

    res.render("views/index.html");

    //ejs 추가가 안되면 응답처리 되지 않음

})

 

에러 출력

 

 

 

ejs 설치 후 사용

//0. ejs 설치하기: npm install ejs --save

const express = require("express");

const app = express();

//1. 서버 가동

const server = app.listen(3002, () => {

    console.log("start server : localhost : 3002");

});

//2. Get방식 요청 처리

//라우터 처리 및 콜백함수 등록

app.set("views", __dirname+"/views");

app.set("view engine", "ejs");                  //npm ejs 검색 -> jsp처럼 html에 js코드를 같이 사용할 수 있음

app.engine("html", require("ejs").renderFile);  //html 파일 사용 설정

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

    res.render("index.html");

});

 

 

//1) /about 주소 처리

app.get("/about", function(req, res){

    res.send("about page");

});