# ServerSideRendering

duroomi

브라우저의 Rendering 기본적인 렌더링의 설명이다. 아래 링크에 자세한 자료와 설명이 있다. 영상 - https://www.youtube.com/watch?v=oLC_QYPmtS0 자료 - https://davidhwang.netlify.app/Develop

himprover

"확실하지 않으면 배포를 하지 마라. 이런거 안 배웠어?"

wnsqud70

사이드 렌더링

wnsqud70

스프링과의 통합 타임리프와 스프링이 통합됨으로 추가되는 기능들이 다양하다. 하나하나 살펴보자 입력 폼 처리 > - th:object = 객체에 접근 th:field = 객체의 필드값에 접근, HTML* name,id,value 속성 자동으로 만들어줌 * *{} 로

wnsqud70

예전에 사이드 프로젝트를 하다가 도중에 멈추고 진행하지 않던게 생갔났고 다시 한번 내가 만들어보고 싶은것( 기존에 하던 사이드 프로젝트) 를 하기 위해 타임리프를 다시공부 했다.= 백엔드 서버에서 HTML을 동적으로 렌더링 하기위해 사용한다.서버사이드 렌더링스프링 통합

kimareum

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

hyejeong

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

developer_key

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

agatha

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

secho

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