SSR

Frontend/Next.js

[Next.js] Next.js 기본 개념

오늘은 Next.js를 공부하기 시작한지 몇 일이 지난 시점에서 기본적으로 Next.js가 무엇인지, 장/단점 등 공부를 하며 기록해보려한다. 우선 Next.js는 React 라이브러리의 프레임워크이다. React를 사용하면서 이 프레임워크를 사용하는 가장 큰 이유는 SEO(검색 엔진 최적화)를 위한 SSR(Server Side Rendering)이 가능하기 때문이다. 또 다른 몇 가지 이유들에는 다양한 기능들을 제공하는 것인데 타입스크립트 기본 지원, 코드 분할 (Code Splitting), 파일 기반 구조, 이미지 최적화 등이 있다. 성능 향상, SEO, 개발자 편의 등 여러 가지 장점을 가져오기 때문에 많은 기업들에서도 사용되고 있다. 아래 글은 이전에 작성한 게시글인데 Next.js 를 사용하는..

Study

[Study] CSR vs SSR

브라우저 렌더링이란, 브라우저가 서버로부터 HTML, CSS, JavaScript 등의 문서를 전달받아 브라우저 엔진이 각 문서를 해석해 브라우저 화면을 그려주는 것이다. 공부를 하고 취업 준비를 하면서 자주 보이는 단어가 있는데, 바로 Server Side Rendering (SSR) 이다. 그래서 오늘은 브라우저 렌더링 방식인 SSR에 대해 공부하고, 비교되는 개념인 CSR도 같이 기록해보려고 한다. 1. SPA vs MPA 공부를 하다보니 먼저 SPA / MPA 관련해서 한번 짚고 넘어가면 좋을 것 같았다. * MPA (Multi Page Application) : 여러 페이지로 구성된 웹 어플리케이션으로, 새로운 페이지를 요청할 때마다 서버로부터 새로운 html을 받아와 해당 링크로 이동하여 페이..

MJ FE
'SSR' 태그의 글 목록