Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- MongoDB
- node.js 학습
- 개발자지식
- JavaScript
- vue.js학습
- node.js학습
- react
- 프론트엔드학습
- 정보처리산업기사
- 자바스크립트
- node.js프로젝트
- 리액트
- Vue.js
- 자바스크립트 학습
- js ajax
- 프로토콜
- node.js
- 자바스크립트학습
- 네트워크
- 프론트엔드공부
- 개발공부
- JS
- 프론트엔드
- 개발자공부
- nodejs
- 프론트엔드 공부
- js학습
- API
- 자바스크립트기본
- 개발자학습
Archives
- Today
- Total
dada's
[Node.js] node.js 프로젝트 - To Do App 만들기 2 (서버에 GET요청하기) 본문
728x90
express 라이브러리까지 설치 후 entry point에서 입력한 파일명으로 작업폴더에 파일을 하나 생성한다
나는 server.js로 만들었다
그리고 server.js에 기본 셋팅을 해야한다
[기본셋팅]
const express = require('express');
const app = express();
app.listen(4040, function () {
console.log('lisening on 4040');
});
//서버를 띄우기 위한 기본 셋팅 (express라이브러리)
// .listen(파라미터1, 파라미터2)
// .listen(서버띄울 포트번호, 띄운 후 실행 할 코드)
이 기본 셋팅을 설명하자면 첫 두줄은 express라이브러리를 첨부하고 사용하는거고
밑에 app.listen은 원하는 포트에 서버를 오픈하는 문법이다
이렇게 코드 작성 후 새터미널을 열어 node server.js를 입력하면 서버가 뜨고
브라우저를 열어서 localhost:4040 이라고 접속하면 확인 할 수 있다
셋팅을 완료하고 GET요청을 해보자
보통 네이버만 보더라도 예를 들어 뉴스를 클릭하면 url이 변하면서 뉴스에 관한 내용이 있는 페이지를 보여준다
이런식으로 url에 따라 다른 내용을 요청하는 것이 GET요청이다
server.js파일의 하단에 이 코드를 추가해보자
[예제]
누군가 '/pet'으로 방문하면 펫관련 안내문을 띄워보고, '/beauty'로 방문하면 뷰티용품 안내문을 띄워보자
//첫번째 파라미터에는 url주소를 넣어주고 콜백함수 안에서 요청 뒤 응답하는 함수를 작성한다
//콜백함수 안의 파라미터 이름은 원하는대로 넣어도된다
//.send()라는것은 페이지에서 보여줄 내용을 입력하면된다
app.get('/pet', function (요청, 응답) {
응답.send('펫용품 사이트 입니다🐶');
});
app.get('/beauty', function (요청, 응답) {
응답.send('뷰티용품 쇼핑 페이지입니다💄');
});
이렇게 코드 작성 후 'localhost:4040/pet'으로 접속하면 펫용품 안내문이 나오고
'localhost:4040/beauty'로 접속하면 뷰티용품 안내문이 나온다
728x90
'Node.js' 카테고리의 다른 글
[Node.js] node.js 프로젝트 - To Do App 만들기 4 (폼에 입력한 데이터를 서버에 전송하기 POST요청) (0) | 2022.06.20 |
---|---|
[Node.js] node.js 프로젝트 - To Do App 만들기 3 (서버에서 HTML파일 전송) (0) | 2022.06.18 |
[Node.js] node.js 프로젝트 - To Do App 만들기 1 (express라이브러리 설치) (0) | 2022.06.16 |
[Node.js] Node.js란? (0) | 2022.06.16 |
[Node.js] server란? (0) | 2022.06.14 |
Comments