Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- react-query&Next.js
- react-query 도입후기
- MSW
- 캡스톤디자인 후기
- router instance
- state 관리
- 기술낙서장
- SW캡스톤디자인
- 사내 이슈
- React.JS
- 더블엔씨
- 사내 오류 해결
- SSR
- node.js
- 사내 오류 대응
- react-query
- javascript
- 결제페이지
- 기술 낙서장
- Next.js
- 일상 생각
- TypeScript
- JS변수
- react-query v5
- no router instance found
- nextjs
- React
- ClientSide
- 리액트
- state 사용하기
Archives
- Today
- Total
목록CSR (1)
코딩을 잘하고 싶은 코린이 동토니
ServerSideRendering vs ClientSideRendering
최근 Next.js를 도입하는 기업들이 많아졌다. 그 이유는 뭘까? 나는 당연코 Server Side 방식의 지원이라고 생각한다. 그러면 Server Side는 무엇일까? 먼저 Server Side를 살펴보기 전에 이와 상반되는 개념인 Client Side Rendering (이하 CSR)에 대해서 알아볼 필요가 있다. Client Side Rendering (CSR) CSR은 말그대로 클라이언트 측에서 렌더링이 시작되는 개념이다. 즉 클라이언트가 페이지에 들어오고 브라우저는 이를감지하고 HTML 다운로드 => JavaScript 다운로드 => JavaScript 실행 => Data 호출 => 화면 노출 의 순으로 렌더링이 진행된다. 간단하게 요약하면 클라이언트가 그린다 그린다? : 데이터를 가져와서 그..
Web/Next.js
2022. 9. 18. 22:07