반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 스코프체이닝
- 세션스토리지
- redux saga
- 환경 레코드
- 무한 스크롤
- restore scroll position
- Spa
- CSR
- 마이크로 프론트엔드
- scrollTo 안됨
- 실행 컨텍스트
- SAGA 패턴
- Babel
- Architecture
- Typescript
- 비동기 처리
- graphql
- ESLint
- NextJS
- Webpack
- nvm
- Next.js
- task-definition
- 타입스크립트
- Apollo Server
- SSR
- 식별자 결정
- Apollo Client
- useRef
- 변수 섀도잉
Archives
- Today
- Total
목록CSR (1)
minguri brain is busy

SSR 유저가 페이지에 접속하면, 1. 서버는 렌더링 할 HTML 응답을 브라우저로 보낸다. 2. 브라우저는 페이지를 렌더링하고 이제 볼 수 있게 된다. 3. 브라우저가 자바스크립트 파일을 다운로드한다. 4. 브라우저가 리액트를 실행한다. 5. 페이지를 상호작용할 수 있다. 장점 사용자가 웹 페이지에 접속했을 때 바로 볼 수 있다. 검색엔진이 이미 만들어진 HTML 파일을 SEO 최적화가 쉽다. 단점 페이지를 이동할 대마다 서버에서 페이지를 다운로드하여 보여줌으로 빈 화면이 보인다(깜빡임 현상) 상대적으로 서버 부하가 많다. CSR 유저가 페이지에 접속하면, 1. 서버는 브라우저에 응답을 보낸다. 2. 브라우저는 자바스크립트 파일을 다운로드한다. 3. 브라우저가 리액트를 실행한다. 4. 페이지는 이제 ..
FE/개발
2022. 8. 4. 23:59