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
- PWA
- 토이프로젝트
- extension
- 기획
- Git
- jwt
- vsCode
- javascript
- vuex
- 뷰
- express
- login
- database
- 플러그인
- react-query
- vue
- vue login
- 신상마켓
- plugin
- 정리
- 로그인
- react
- 프론트
- AWS
- 셋팅
- 회고록
- Docker
- nginx
- 배포
- Firebase
Archives
- Today
- Total
목록CSR (1)
강디너의 개발 일지
Next.js 데이터 가져오는 방법 (Data Fetching)
Next.js 에서 데이터를 가져오는 방법이 여러 가지 있습니다. getServerSideProps getStaticPaths getStaticProps Next.js에서는 서비스에 따라 다양한 방식으로 콘텐츠를 렌더링 할 수 있도록 지원해주는데 SSR, SSG, CSR, ISR 이 있습니다. 이러한 방식에 따라 데이터 패칭 하는 방식이 다릅니다.(사용하는 함수도 달라요.) getServerSideProps - SSR 공식문서 서버에서만 실행되고, 브라우저에서는 실행되지 않기 때문에 브라우저에 로그가 찍히지 않습니다. /* context object 에 있는 데이터 params: 페이지가 동적 경로일 경우 - 페이지 이름이 [id].js일 경우 params는 { id: 값 } req: HTTP reque..
Javascript/React.js
2022. 8. 22. 01:09