[nodejs] 4. express에 각 경로별로 출력될 view단 나타내기

2023. 11. 25. 16:45cs및 소프트스킬/nodejs

728x90
반응형
SMALL

지난 시간에는 node.js에서 express 기반으로 서버를 구축하고, 메인 페이지에 view단을 출력하도록 설정하였습니다. 이번 시간에는 각 api별로 나타내는 view단 출력 시키는 작업을 진행하겠습니다.

 

github : https://github.com/BerkleyLim/basic_nodejs

 

GitHub - BerkleyLim/basic_nodejs: 이 프로젝트는 node.js 입문을 위한 프로젝트 중 하나입니다.

이 프로젝트는 node.js 입문을 위한 프로젝트 중 하나입니다. Contribute to BerkleyLim/basic_nodejs development by creating an account on GitHub.

github.com

 

 

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