[Nextjs] 데이터 가져오기 기초(SSR, SSG, CSR)
SSR, SSG, CSR에 따라 Nextjs로 데이터를 방법에 대해 하나씩 알아보자. 기존의 react는 CSR방식으로 useEffect를 사용했다면, react의 프레임워크인 Nextjs에서는 getStaticProps , getStaticPaths, getServerSideProps 활용하여 데이터를 가져오는 방법에 대해 하나씩 알아보자. Nextjs의 각각의 페이지는 .js, .jsx, ,tx, ,tsx,파일인 리액트 컴포넌트이고 각각의 페이지는 파일 이름과 관련이 있다. 예를 들면 pages/about.js를 아래와 같이 만들었다고 하자. function About() { return About } export default About 그러면 아래의 리액트 컴포넌트는 /about 로 브라우저 접근..
Web/nextjs
2022. 6. 6. 16:30
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- typescript
- django
- useState
- Vue
- Deque
- TensorFlow
- 자연어처리
- react
- pandas
- error:0308010C:digital envelope routines::unsupported
- logout
- next.config.js
- useHistory 안됨
- Queue
- read_csv
- Express
- JavaScript
- login
- react autoFocus
- UserCreationForm
- NextJS
- BFS
- nextjs autoFocus
- 클라우데라
- 자료구조
- vuejs
- DFS
- mongoDB
- nodejs
- Python
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함