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를 조정해 주는 역할을 하는 것이다.
'IT 인터넷 > node.js' 카테고리의 다른 글
[node js]정적 페이지와 동적 페이지의 장단점 (0) | 2017.11.13 |
---|---|
[node js]Express로 정적 페이지 로드하기 (0) | 2017.11.10 |
[node js] Express 설치 (0) | 2017.11.09 |
[node js] 서버 만들기 코드 분석 (0) | 2017.11.08 |
[node js] 동기와 비동기 프로그래밍 (0) | 2017.11.08 |