일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 결정 알고리즘
- useAppDispatch
- 이분 검색
- 리터럴 타입
- 인터섹션
- recoil
- 태그된 유니온
- ESlint
- 무한 스크롤
- Promise
- 투포인터
- 호이스팅
- 공변성
- Jest
- autosize
- CORS
- Cypress
- async/await
- dfs
- React
- tailwind
- 타입 좁히기
- 반공변성
- webpack
- RTK Query
- TS
- SSR
- app router
- CI/CD
- map
Archives
- Today
- Total
목록getServerSideProps (1)
짧은코딩

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