# ServerSideRendering

10개의 포스트

CS | Rendering 종류

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

2023년 2월 2일
·
0개의 댓글
·
post-thumbnail

Next.js SSR 동시성(race-condition) 장애 회고

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

2022년 10월 17일
·
4개의 댓글
·
post-thumbnail

ThymeLeaf + SpringBoot

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

2022년 9월 21일
·
0개의 댓글
·
post-thumbnail

ThymeLeaf

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

2022년 9월 18일
·
0개의 댓글
·
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개의 댓글
·