[Node.js] Express 라우팅 기초: 다양한 응답으로 라우팅하기

안녕하세요! 이번에는 Express에서의 라우팅에 대해 알아보겠습니다. 라우팅은 Express 뿐만 아니라 여러 웹 프레임워크에서 사용되는 개념으로, 들어오는 요청을 어떤 코드에 매핑시키는 것을 의미합니다.

 

간단한 라우팅 추가하기

라우팅을 통해 서버에 들어오는 요청에 맞게 다양한 응답을 보낼 수 있습니다. 간단한 라우팅을 시작해보겠습니다. 여러 경로에 대한 응답을 추가하여 다양한 콘텐츠를 제공할 예정입니다.

app.get('/cats', (req, res) => {
  console.log("CAT REQUEST!!!");
  res.send('MEOW!!');
});

app.get('/dogs', (req, res) => {
  console.log("DOG REQUEST!!!");
  res.send('WOOF!');
});

app.get('/', (req, res) => {
  res.send('Welcome to the home page!');
});

위 코드에서는 /cats, /dogs, /의 세 가지 경로에 대한 라우팅을 추가했습니다.

cats

localhost:8080/cats로 이동했을때 명령프롬프트에 console이 출력된다.

 

dogs

/

라우팅의 기본 원리

Express에서 라우팅은 app.get, app.post 등의 메서드를 사용하여 처리됩니다. 각 메서드는 경로와 해당 경로에 대한 요청이 들어왔을 때 실행되는 콜백 함수를 인자로 받습니다.

Post 요청에 응답하기

기본적으로 위에서 작성한 코드는 Get 요청에 대한 응답만 다루고 있습니다. 하지만 Post 요청에도 응답할 수 있습니다.

app.post('/cats', (req, res) => {
  res.send('POST REQUEST TO /cats!!!!\nTHIS IS DIFFERENT THAN A GET REQUEST!');
});

Post 요청은 PostMan을 설치해서 요청했습니다.

 

설치방법

설치방법

PostMan 페이지

회원가입 & 로그인하고 OS에 맞는 환경에 맞춰서 설치해주신 후 사용하시면 됩니다.

404 오류 처리하기

존재하지 않는 경로로 요청이 오면 Express는 기본적으로 "Cannot GET"이라는 404 오류를 반환합니다. 이를 커스터마이징해보겠습니다.

기본 Cannot Get 404 오류 메시지

app.get('*', (req, res) => {
  res.send(`I don't know that path!`);
});

위 코드에서 *는 어떠한 경로에도 일치하는 와일드카드 역할을 합니다. 따라서 존재하지 않는 경로로 요청이 오면 이 코드 블록이 실행되어 사용자에게 적절한 응답을 보냅니다.

기본 Cannot GET에서 변경된 메시지가 출력

이제 서버를 재실행하고 다양한 경로로 요청을 보내보세요. /cats, /dogs, /, 또는 다른 임의의 경로로 요청을 보내서 Express가 어떻게 응답하는지 확인해보세요. 이를 통해 Express에서의 기본적인 라우팅에 대한 이해를 높일 수 있습니다.

다음에는 Express에서의 경로 매개 변수에 대한 내용을 다뤄보도록 하겠습니다. 계속해서 함께해요! 🚀