본문 바로가기

IT 인터넷/node.js

[node js]Express로 웹 페이지 생성

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

EXPRESS로 웹 페이지를 생성해보자.


[app.js]라는 파일을 생성한다.


var express = require('express')  

//를 통해 express모듈을 호출해 변수 express에 저장한다.


var app = express(); 


//express 모듈이 저장된 변수 exrpess는 함수이다. 따라서 app에 express()라는 함수를 실행해서

//return한 값을 저장하는데 이것이 express를 사용하기 위한 기본 규칙이다.


규칙은 정해진 것이 아니라 모듈마다 다르기 때문에

각각 홈페이지나 사용법을 보고 쓰면 된다.



이제 페이지를 만들어보자. 

사용자가 접속 할 떄는 get방식과 post방식이 있는데, 보통 url을 치고 들어오는 것은 get 방식이다.


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

res.send('hello main page')

})


'/'은 get방식 중에서도 홈페이지로 들어온 사람들을 위한 코드이다.

뒤의 콜백함수는 '/'페이지로 접속했을 떄 다음을 출력할 것이라는 말이다. 

res.send('hello main page')


만약 사용자가 login페이지에 접속했을 떄 결과물을 내고싶으면 


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

res.send('login please')

})


이렇게 할 수 있다. 



express 홈페이지를 보면 express는 포트번호를 listen할 수 있따.


app.listen(3000,function(){

console.log('connected 3000 port')

});  //3000번 포트와 연결이 성공하면 콜백 항수가 실행된다. app.js를 cmd창에서 실행 했을 때 해당 메세지가 뜬다. 


실행이 됐으면 페이지에 접속해본다.


localhost:3000/ 으로 접속할 경우 

hello main page가 뜩도


localhost:3000/login 으로 접속하면

login please가 뜬다. 




정리하자면 사용자가 어떤 경로로 들어왔을 떄 어떤것이 실행될 것인가를 결정하는게 get함수이다.

get함수는 라우터로

라우터란, 경로를 찾는 역할을 하는 것이고

어떤 요청이 들어왔을 떄 길을 찾을 수 있게 도와주는 역할을 한다.

사용자의 요청과 controller를 조정해 주는 역할을 하는 것이다.