Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- Hooks
- HTML #CSS
- es6
- JavaScript
- Template literals
- react
- BOJ
- Python #Baekjoon
- Python #CodeUp
- CSS
- Default parameter
- Python
- Next
- Redux
- 프로그래머스
- optional chanining
- 카카오맵 api
- Nullish Coalescing Operator
- 카카오맵
- React Kakao map
- nextjs
- HTML
- css #html
- firebase
- React #Hooks
- es11
- spread operation
Archives
- Today
- Total
거북이개발자
[Next] Next 특징 본문
1. Next는 모든 페이지를 사전 렌더링 한다.(Pre-rendering)
-더 좋은 퍼포먼스
-검색엔친최적화(SEO)
-html 생성 순서에 따라 정적 생성과 Server Side Rendering으로 나뉜다.
2. 정적 생성
-프로젝트가 빌드하는 시점에 html 파일들이 생성
-모든 요청에 재사용
-퍼포먼스 이유로, 넥스트는 정적 생성을 권고
-정적 생성도니 페이지들은 CDN에 캐시
-getStaticProps / getStaticPaths
-유저가 요청하기 전 페이지를 만들어 놔도 상관없을 시 사용
3. 서버사이드 렌더링
-매 요청마다 html생성
-항상 최신 상태 유지
-getServerSideProps
'Next.js' 카테고리의 다른 글
[Next] Next.js이용한 쇼핑몰 구현 (0) | 2021.03.22 |
---|---|
[Next] ServerSideRendering(SSR) 구현 (0) | 2021.03.09 |
Comments