[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
- Deque
- useHistory 안됨
- NextJS
- Express
- pandas
- nextjs autoFocus
- next.config.js
- useState
- typescript
- error:0308010C:digital envelope routines::unsupported
- mongoDB
- DFS
- read_csv
- Vue
- 자연어처리
- vuejs
- JavaScript
- 클라우데라
- logout
- Python
- UserCreationForm
- react
- TensorFlow
- login
- BFS
- 자료구조
- nodejs
- Queue
- django
- react autoFocus
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함