1. 터미널에서 내가 현재 위치한 폴더가 todoapp 인지 확인한다
2. 그리고 todoapp폴더에 server.js를 만든다
3. server.js작성 --> 서버를 띄우기 위한 기본 세팅임
listen(서버띄울 포트번호, 띄운 후 실행할 코드)
포트가 머임?
외부와 네트워크 통신을하기위한 구멍
아래 코드가 기본 서버 띄우는 세팅이다
//server오픈하는 기본 세팅
const express = require('express'); //설치한 express라이브러리 첨부
const app = express(); //설치한 express 라이브러리로 새로운 객체를 만든다
app.listen(8080, function(){
console.log('listening on 8080');
}); //8080 port로 웹서버를 열고, 잘 열리면 listening on 8080을 출력해주세요
그 후 코드 실행
node server.js
결과가 잘 나오는 것을 확인할 수 있다.
직접 서버로 들어가서 확인해보면
url에다가 경로를 직접--> GET요청을 하는 것
4. GET요청을 하도록 코드 작성해보기
//누군가 경로로 방문을하면 --> function을 작동시켜라
app.get('경로', function(요청, 응답){
응답.send('반갑습니다');
});
실제 코드로 작성
서버를 껏다가 다시 키기 --> ctrl c
경로에 진짜 경로 입력, 응답에 get요청에 대답할 부분 작성
app.get('/pet', function(req, res){
res.send('펫용품 쇼핑할 수 있는 페이지입니다.');
});
다시 서버를 작동시키고,
npm server.js
localhost:8080/pet을 브라우저에 입력하면, res.send부분이 나오는 것을 확인할 수 있다.
여태한것
/pet 경로로의 GET요청을 처리하는 서버 제작한것임!!!
숙제
누군가 /beauty url로 접속하면(GET요청) 안내문을 띄워준다
"뷰티용품 쇼핑 페이지임"
정답
const express = require('express');
const app = express();
app.listen(8080, function(){
console.log('listening on 8080')
});
app.get('/pet', function(req, res){
res.send('펫용품 쇼핑할 수 있는 페이지입니다.');
});
app.get('/beauty', function(req,res){
res.send('뷰티용품 쇼핑 페이지임');
});
실행화면
https://www.youtube.com/watch?v=HeOh-go-fYY&list=PLfLgtT94nNq1qmsvIii_CAxFlD7tvB5NE&index=6
'웹개발' 카테고리의 다른 글
HTML/CSS 디자인하기 - Bootstrap4 (2) | 2024.10.14 |
---|---|
node.js서버에서 html파일 전송 (0) | 2024.10.14 |
node.js 환경설정 (1) | 2024.10.13 |
node.js 쓰는 이유 (1) | 2024.10.13 |