더 많은 라우트

Coddy Node.js 여정의 Express 기초 섹션에 포함된 레슨. 23개 중 3번째.

사이트에는 페이지가 두 개 이상 있으므로 서버에는 각 경로에 대한 라우트가 필요합니다.

app.get('/books', (req, res) => {
    res.send('12 books on the shelf');
});

app.get('/opening-hours', (req, res) => {
    res.send('Monday to Friday, 10 to 6');
});

Express는 각 요청의 경로를 읽고 해당 경로의 라우트를 호출합니다. GET /books는 첫 번째 함수에 도달하고, GET /opening-hours는 두 번째 함수에 도달합니다. 라우트가 없는 경로에는 Express 자체의 404 페이지가 표시됩니다. 라우트의 경로는 항상 /로 시작합니다.

Recipe Box가 다시 돌아왔습니다. 네 가지 레시피가 담긴 data.js 파일과 레시피 제목을 나열하는 /recipes 라우트가 있습니다.

챌린지

쉬움

Recipe Box에는 홈 페이지와 레시피 목록 옆에 정보 페이지가 필요합니다.

server.js에서 주석 // Add the /about page here.가 있는 위치에 경로 /about에 대한 라우트를 추가하세요. 마침표까지 포함해 다음 문장을 전송합니다: Recipe Box collects family recipes.
/ 및 /recipes 라우트는 그대로 두세요.

직접 해보기: ‘플레이’를 누르고 /about을 전송하세요. Recipe Box collects family recipes.가 표시됩니다. /recipes를 전송하세요. 레시피 제목 네 개가 한 줄에 하나씩 표시됩니다. 그런 다음 /about-us를 전송하세요. 이 경로에 해당하는 라우트가 없으므로 Express는 상태 코드 404와 함께 Cannot GET /about-us를 응답합니다. 요청 표시줄의 경로 목록에는 앱에 있는 라우트가 표시됩니다.

직접 해보기

import express from 'express';
import { recipes } from './data.js';

const app = express();

app.get('/', (req, res) => {
    res.send('Welcome to Recipe Box');
});

// type('text')는 일반 텍스트를 전송하므로 각 제목이 한 줄씩 표시됩니다.
app.get('/recipes', (req, res) => {
    res.type('text').send(recipes.map((recipe) => recipe.title).join('\n'));
});

// 여기에 /about 페이지를 추가하세요.

app.listen(3000, () => {
    console.log('Recipe Box is running on port 3000');
});