[nodejs] 4. express에 각 경로별로 출력될 view단 나타내기
2023. 11. 25. 16:45ㆍcs및 소프트스킬/nodejs
728x90
반응형
SMALL
지난 시간에는 node.js에서 express 기반으로 서버를 구축하고, 메인 페이지에 view단을 출력하도록 설정하였습니다. 이번 시간에는 각 api별로 나타내는 view단 출력 시키는 작업을 진행하겠습니다.
github : https://github.com/BerkleyLim/basic_nodejs
1. 소스코드 (ver04/index.js)
// express 선언
const express = require("express");
// express에 app 넣고, 포트 지정
const app = express();
const PORT = 300;
// -------------------------------------------------------------------
// 이 함수가 get보다 더 위에 올라와져있어야 한다.
// 서버 실행시 화면 표시
const consoleListening = () => {
console.log(`server start : http://localhost:${PORT}`);
}
// 인덱스에서 연결하는 함수
const mainView = (request, response) => {
response.send('main 화면입니다.');
}
// 회원 정보 표시
const memberView = (request, response) => {
response.send('회원 정보 보기')
}
// 매장 정보 표시
const storeView = (request, response) => {
response.send('매장 정보 입니다.')
}
// -------------------------------------------------------------------
// 경로 설정
// 경로가 / 일때 main 화면입니다. 실행
app.get('/', mainView)
// api : /memberView 설정 하고, 회원 정보 뷰단 표시 출력
app.get('/memberView', memberView)
// api : /storeView 설정 하고, 매장 정보 뷰단 표시 출력
app.get('/storeView', storeView)
// 서버 실행
// main 화면입니다. 결과 뜨고,
// console에 server start : http://localhost:300 올리기
app.listen(PORT, consoleListening);
2. 설명
- 기존의 express를 이용하여 서버를 구현하고, api를 구현하여 각 api 마다 view를 다르게 출력되도록 설정한다.
- 이것은 간단한 작업으로, nodejs 기법의 express 사용하는 방법에 대해 익하는 첫걸음으로 둔다.
- /memberView : 회원정보라고 표시
- /storeView : 매장정보라고 표시
3. 결과
<api : / >
<api : /memberView >
<api : /storeView >
자세한 사항은 github 페이지에 들어가여 ver04 소스코드를 참조하시기 바랍니다.
728x90
반응형
LIST
'cs및 소프트스킬 > nodejs' 카테고리의 다른 글
[nodejs] 6. 프론트엔드 샘플 html을 테스트로 만들고, nodejs 연동하기 (0) | 2023.11.28 |
---|---|
[nodejs] 5. nodejs + express 프로젝트 구성하여 리팩토링 (0) | 2023.11.26 |
[nodejs] 3. express framework에서 router 적용 (0) | 2023.11.24 |
[nodejs] 2. express Framework 도입 (router 적용 x) (2) | 2023.11.24 |
[nodejs] 1. nodejs Getting start, 서버 구현하고 Hello world 띄어보기 (0) | 2023.11.24 |