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