일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- ESlint
- dfs
- tailwind
- 결정 알고리즘
- app router
- Promise
- 리터럴 타입
- 이분 검색
- 인터섹션
- recoil
- RTK Query
- 공변성
- 무한 스크롤
- map
- TS
- webpack
- 호이스팅
- 투포인터
- async/await
- Cypress
- CORS
- Jest
- 태그된 유니온
- SSR
- useAppDispatch
- autosize
- CI/CD
- 타입 좁히기
- 반공변성
- React
Archives
- Today
- Total
목록getStaticProps (1)
짧은코딩
Next.js와 리덕스로 SSR하기
CSR과 SSR CSR CSR은 데이터를 얻기 위해서 요청이 2번 간다. 사용자가 새로고침을 하면 프론트 서버에서 HTML과 JS를 브라우저에 주고 그 이후에 또 요청을 하여 추가적으로 데이터를 불러온다. SSR SSR은 데이터를 얻기 위해 요청이 1번 간다. 서버에서 즉시 렌더링 가능한 html 파일이 만들어져 있기 때문에 바로 렌더링이 된다. 이로 인해 초기 로딩 속도가 빨라진다. 즉, 사용자는 콘텐츠가 빠르게 보이는 느낌을 줄 수 있다. SSR 적용 방법 index.js useEffect(() => { dispatch({ type: LOAD_MY_INFO_REQUEST, }); dispatch({ type: LOAD_POSTS_REQUEST, }); }, []); 처음 시작이 되는 페이지인 inde..
인프런, 유데미/React로 트위터 만들기
2023. 2. 21. 00:42