목록넥스트 (2)

끄적끄적

NextJS) Next.JS 왜쓸까?

사실 Next를 써야 한다해서 그냥 쓰지, 쓰다보니 기본적으로 제공되는 장점이나 무엇때문에 편했는지, 빨랐는지는 알지 못한 채 사용하는 경우가 있습니다.저 또한 프로젝트에 투입될때 처음으로 Next를 경험했고, 이미 Next로 작성된 코드들을 수정하다보니 막상 뭐가 좋은지, 잘쓰고 있는건지 전혀 알지 못한채 사용 하고 있었습니다.그래서 오늘은 Next를 사용함으로써 얻는 기본적인 장점들 및 기본 개념을 한번 살펴보려고 합니다.① SSG(Static Site Generation) 과 SSR(Server-Side Rendering)SSG와 SSR 모두 서버 사이드 렌더링 (SSR) 을 의미하긴 하지만, 약간 다른 개념이다. SSG는 Next.js의 기능 중 하나로, 미리 정적인 HTML을 빌드 시점에서 만들..
React 2023. 7. 19. 18:43
[Next.JS] NextJS란

Next는 React 전용 프레임워크입니다. React에서 Sever Side Rendering을 쉽게 하기 위해 만들어진 프레임워크입니다. CSR(Clinet Side Rendering) 과 SSR(Server Side Rendering)은 이전의 블로그를 참고해주시면 되겠습니다. ! Next의 특징 ● React에서 SSR을 가능하게 해준다. SPA의 큰 단점 중 하나는 첫 페이지에 빈화면을 먼저 받고 JS파일을 해석하며 화면을 구성하기 때문에 SEO에 가장 큰 문제를 갖고 있습니다. React만으로도 SSR을 구현할 수 는 있지만 매우 복잡하고 까다롭다고 합니다. 이를 Next를 통해 해결할 수 있습니다. 완성된 HTML파일을 처음에 받아오게 하여 맨 처음 화면의 로딩 속도 또한 빠르게 해줍니다. ..
React 2020. 12. 29. 22:56
Prev 1 Next