# ServerSideRendering

5개의 포스트
post-thumbnail

33일) 사이트 만들고, 기능연결만 되면 그게 개발자야? 찐 프론트엔드는 성능을 높이고 ! 최대한 빨리빨리! 과부하는 없도록! 최적화! Optimistic-UI/ SSR/ SEO CODE CAMP FE 6기

\-> 실패해도 큰 영향이 없는 데이터, 실패할 가능성이 많이 없는 데이터에만 사용하자 !실제로 99% 성공확률일때만 쓰세요! 라고 나와있다 (여러테이블에서 사용하지 않는 데이터일수록 Good)게시물 좋아요 기능을 생각해 봤을때, 게시물 좋아요를 누르고 다시 fetch

2022년 4월 28일
·
0개의 댓글
post-thumbnail

CSR vs. SSR 그리고 Next.js

CSR은 서버로부터 받은 HTML, CSS, Javascript파일을 browser side에서 렌더링하는 방식입니다. React나 Angular등 modern frontend frameworks로 만들어진 어플리케이션이 이 방식을 사용합니다.유저가 브라우저에 www.

2022년 2월 14일
·
0개의 댓글

Cypress SSR API intercept 처리법

Cypress 테스트 코드 작성 중 SSR에서 호출하는 API는 intercept가 안되는 현상이 있어서 해결하는데 고생좀 했다.결론은 Cypress 전용 NextJS 서버를 하나 더 만들어주고 nock 라이브러리를 통해 api를 mock data로 바꿔주면 된다.cy

2021년 12월 28일
·
0개의 댓글
post-thumbnail

SSR VS CSR

SPA가 대두되기 전 주로 사용브라우저 요청시 서버에서 데이터 fetch 한다.프론트 서버에서는 fetch된 데이터와 함께 html + css 된 결과물을 브라우저에 넘겨준다.브라우저는 결과물을 그린다.새로운 페이지를 넘어가더라도 그에 해당하는 html 파일을 만들기

2021년 4월 13일
·
0개의 댓글

nodeJS #11 getInitalProps를 이용한 SSR

nextJS를 빌드할 때 해당문구가 나왔다.사진에서 잘안보이는데.. getInitalProps 라는 단어가 등장하고 해석하면 server side 랜더가 getInitialProps, getServerSideProps를 사용해서 되었다는 의미이다.해당 함수를 일전에 본

2020년 7월 25일
·
0개의 댓글