본문 바로가기
728x90

스터디/React2

[React] SPA, CSR, SSR, SSG 알아보기 웹 개발 관련해서 프로젝트를 진행하다보면 서버 사이드 렌더링, 클라이언트 사이드 렌더링 등 SPA, CSR, SSR, SSG 와 같은 용어를 자주 마주칠 수 있습니다. 이때 SPA, SSR, SSG는 무엇을 의미하는 것일까요? 웹 개발 용어에서 꼭 알아야하는 용어로 모르고있었다면 이번에 그 의미를 알아두도록합시다! 1) SPA (Single Page Application) 단일 웹페이지로 동작하는 애플리케이션으로 기존 웹 페이지처럼 새로운 페이지를 로드하는 방식이 아닌 하나의 페이지 안에서 필요한 데이터만 가져오는 형태입니다. 즉 처음에 페이지를 가져오고 두번째 이후에는 api로 부터 필요한 데이터만 받아 화면을 업데이트하는 것입니다. React, Vue.js 등 자바스크립트 라이브러리로 구현 가능 합니.. 2022. 10. 4.
[React] React Router v6 적용 및 문법, Router 개념 React-Router 우리가 흔히 말하는 페이지 이동 기능은 리액트에서는 router를 통해 처리할 수 있습니다. 이때 라우터는 라우팅을 처리해주는 것인데요, 라우팅은 무엇일까요? 라우팅 (Rounting) 사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것이라고 생각하면됩니다. 리액트 라우팅 관련 라이브러리가 많은데 react-router가 가장 많이 사용됩니다. 👉 여기서 잠깐, React는 SPA 구현에 가장 많이 사용되는데요, SPA가 무엇일까요? SPA, SSR, SSG 개념 및 정리 1) SPA (Single Page Application) 단일 웹페이지로 동작하는 애플리케이션으로 기존 웹 페이지처럼 새로운 페이지를 로드하는 방식이 아닌 하나의 페이지 안에서 필요한 데이터.. 2022. 10. 4.
728x90