라우팅

CSR(Client Side Routing) 리액트의 라우터는 기본적으로 CSR를 기반입니다. 기본적으로 페이지별로 이동을 하게 되면 해당 페이지에 대한 문서 정보를 요청해야 하는데 라우팅을 이용하게 되면 새로운 문서를 요청하지 않더라도 링크를 클릭하여 URL을 업데이트하여 해당 페이지에 해당되는 데이터를 렌더링 하여 화면에 보여주는 것입니다. 이때 다음으로 보여줄 페이지에 대해서 CSS 및 JS 코드들을 재평가할 필요가 없어서 조금 더 빠르게 화면 이용이 가능합니다. 또한 애니메이션 기능을 통해서 더 역동적으로 활용할 수 있습니다. react-router-dom 설치하기 라우팅 기능을 이용하기 위해서는 react-router-dom이라는 모듈을 설치해 주어야 합니다. npm i react-router-..

express의 가장 큰 장점인 routing은 Request가 왔을 때 원하는 경로에 따라 적절한 방향으로 경로를 안내해 주는 것을 말합니다. 쉽게 말해서 URI와 method에 맞는 콜백함수를 어떤 걸 호출할지 알려주는 것을 의미합니다. router는 어떻게 이용하는 걸까요? express의 router를 사용하기 위해 필요한 파일 및 폴더 /routes /router.js /app.js router를 사용하기 위해서는 기본적으로 서버 구동을 시킬 app.js와, routes 폴더가 필요합니다. app.js에서는 전반적인 서버 설정 관련 코드들이 있다면 routes 폴더에는 여러 router파일들이 모여있는 것을 말하는데요. 이때 이 router.js는 특정 기능끼리 묶어서 사용하는 경우가 많습니다...

express 란? express는 node에서 지원하는 백엔드 어플리케이션 프레임워크입니다. 현재 express는 가장 사용자가 많은데요 그만큼 만족도가 높다는 뜻이겠죠? npm express 바로가기 | express 바로가기 express 시작하기 express는 npm을 통해 터미널에서 설치를 해야 합니다. npm install express express 설치 후, js파일을 열어 아래와 같은 코드를 작성해 주면 기본적인 express 서버 구동이 끝이 나게 됩니다. //server.js const express = require('express') const app = express() app.get('/', function (req, res) { res.send('Hello World') }..