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 |
Tags
- Firebase
- google firebase
- SSR
- 달리기경주
- Redux
- debounce
- Next
- NextJS
- 겹치는 선분의 길이
- 리덕스
- 리엑트
- useMutation
- 생명주기
- todolist
- csr
- Recoil
- 파이어베이스
- JS
- customModal component 만들기
- React
- react-query
- next-pwa
- lifecycle
- 리액트
- 배열
- 넥스트
- 투두리스트
- 자바스크립트
- JavaScript
- programmers
Archives
- Today
- Total
목록SSG (1)
끄적끄적
NextJS) CSR/SSG/SSR/ISR 사용해보기!
NextJS의 강점은 바로 CSR/SSG/SSR/ISR을 모두 사용가능하며, 이를 이용한 SEO 향상 및 많은 장점들이 있습니다. 오늘은 간단하게 위 네가지의 사용법과 차이점에 대해서 알아보겠습니다. 먼저 코드로 부터 간단하게 보겠습니다. 1. CSR (Client-Side-Rendering) - 동적으로 변화하는 컨텐츠들을 계속 실시간으로 빠르게 변화시켜줄 수 있다 - 페이지 초기 로딩시 불러오는 데이터에 따라 로딩이 느릴 수 도 있으며, 새로고침시 페이지 깜박 거림발생 - SEO(Search-Engine-Optimization, 검색엔진최적화)에 약하다. 이는 웹서비스에 있어 치명적일 수 있다 function Csr(){ useEffect(() => { // 데이터 호출 }, []) return ( ..
React
2023. 12. 13. 18:47