일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 타입 좁히기
- dfs
- autosize
- 리터럴 타입
- Jest
- ESlint
- Promise
- 반공변성
- Cypress
- 투포인터
- React
- RTK Query
- webpack
- useAppDispatch
- 인터섹션
- SSR
- 태그된 유니온
- 이분 검색
- app router
- tailwind
- CI/CD
- async/await
- map
- recoil
- TS
- 호이스팅
- CORS
- 결정 알고리즘
- 무한 스크롤
- 공변성
Archives
- Today
- Total
목록SSG (1)
짧은코딩
Next) SSG, ISR과 예시 코드
Next는 브라우저에서 기본적으로 pre-rendering(사전 렌더링)을 한다. => pre-rendering은 Server에서 DOM 요소들을 Build 하여 HTML 문서를 렌더링 하는 것을 말한다. SSG SSG는 Static Site Generation 빌드 시 html에 데이터를 미리 담아서 파일을 만들고 접속하는 유저들에게 보여주는 방식 장점 이미 만들어진 html를 여러 사람들에게 보여주는 것 서버 부담이 적고 응답 시간이 빠름 보통 마케팅 페이지, 블로그 글 등 한번 만들고 변화가 적은 페이지에 적합함 단점 데이터가 바뀌면 다시 빌드해줘야 함 동적 컨텐츠를 사용하면 SSG는 좋지 않음 SSR이나 CSR을 사용하면 되는 거 아님? -SSR 서버 부하가 높아짐 -CSR 초기 로딩 느림 seo..
리액트
2024. 1. 21. 23:05