개발자일지

Routing 라우팅 이해하기라우팅 (Routing)은 웹 애플리케이션에서 클라이언트의 요청을 특정 함수 또는 미들웨어로 매핑하는 작업을 의미한다. 쉽게 말해, 클라이언트가 웹 페이지를 요청하면 어떤 경로(URL)에 대해 어떤 작업을 할지를 지정하는 과정이다. Express에서 라우팅은 클라이언트가 요청한 URL을 처리할 HTTP 메소드(GET, POST, PUT, DELETE 등)에 따라 적절한 핸들러(함수)에 전달한다. 이를 통해 서버는 클라이언트가 보낸 요청에 맞는 응답을 처리할 수 있다. const express = require('express');const app = express();// GET 요청 처리app.get('/', (req, res) => { res.send('Hello, ..

리액트 라우터(React Router)는 리액트 애플리케이션에서 페이지 간 이동을 관리하는 라이브러리이다. 리액트는 기본적으로 단일 페이지 애플리케이션(SPA) 구조로 동작하기 때문에, 페이지 내에서의 URL 변경을 브라우저의 기본 방식으로 처리하는 대신, 리액트 라우터를 사용해 URL을 제어한다. 리액트 라우터를 사용하면 애플리케이션 내에서 페이지 이동을 쉽게 할 수 있다.import React from 'react';import { BrowserRouter as Router, Route, Switch, Link } from 'react-router-dom';function Home() { return Home Page;}function About() { return About Page;}funct..

리액트에서 페이지 간 이동과 URL 관리는 매우 중요하다. 페이지 이동을 처리하기 위해 react-router-dom 라이브러리를 사용하는데 이 라이브러리는 페이지간 이동을 간편하게 처리할 수 있도록 다양한 기능을 제공한다. 그중에서도 useNavigate, useLocation, URLSearchParams는 경로 이동, 현재 위치 정보 확인, 쿼리스트링 관리 등을 효과적으로 수행할 수 있도록 도와주는 필수적인 도구이다.  useNavigateuseNavigate는 페이지 이동(네비게이션)을 수행하는 Hook이다. react-router-dom에서 제공하며, 특정 경로로 이동하거나 뒤로 가기 등의 기능을 수행할 수 있다.import { useNavigate } from "react-router-dom"..