# SSR

MPA, SPA ( CSR, SSR) 간단 정리
하나의 페이지에서 다른 페이지로 이동하려면 반드시 프론트 서버에 request를 보내고 원하는 페이징r reponse를 받아야 한다.MPA는 가장 전통적인 방식이다. MPA의 M은 Multiple이며 모든 페이지는 각각의 html로 이루어진다. 페이지가 이동할 때마다
Server Side Rendering(서버사이드렌더링)을 위해서는 토큰을 같이 보내주어야 합니다!
SSR을 하기 위해서, 서버에서 토큰을 받아와 쿠키에 저장을 했어야 했다. 그래서 토큰이 없다보니 계속 데이터를 받아올 수 없는 문제가 있었다.해결방법으로는 header에 토큰을 같이 보내주는 방식으로 해결할 수 있었다.

[HTTP/네트워크] 기본 이론
ip와 포트 네트워크에 연결된 특정 PC의 주소를 나타내는 체계이다. IP는 Internet Protocol의 약자이다. 터미널에서 로 IP를 확인 할 수 있다. 닷(.)으로 구분된 네 덩이의 숫자로 구분된 IP 주소체계로 IP 주소체계의 네 번째 버전이다. 각

[React] Next.js를 사용하지 않고 SSR을 해보자!
본 글은 제목과 같이 Next.js를 사용하지않고 SSR 프로젝트를 만들어보는 글입니다.React 18 부터 SSR이 생각보다 굉장히 쉬워져서 Firebase를 이용해 배포까지 해보는 과정을 담았습니다.글을 작성중인 본인도 아직 배울게 많은 초보자인지라 틀린 부분, "
CSR vs SSR
client 인 브라우저가 렌더링을 처리하는 방식이다. 서버에서 받은 데이터를 통해 클라이언트인 브라우저가 화면을 그리는 주체가 됨.새로고침이 일어나지 않기때문에 유저경험이 좋다.서버에 처음 요청할때 전체페이지를 요청하기 때문에 첫 로딩속도가 느리다.검색엔진최적화(SE
Next.js에서 locastorage.getItem()이 안 되는 이유
안 에서 localstorage.getItem()이 작동하지 않았다. 혹시 서버사이드에서 렌더링 돼서? 라고 생각했는데 추측한 대로였다. 해결방법은 다음과 같다Next.js는 서버 사이드 렌더링을 지원하는 프레임워크이기 때문에, 일반적인 React 애플리케이션과는 다른

웹 랜더링 방식 CSR, SSR, SSG, ISR
웹 랜더링 방식 CSR, SSR, SSG, ISR 에 대한 장단점 정리와 언제 어떤 방식을 채택해야 할지에 대한 간단 정리
HTTP Servlet 을 통한 Session 사용하기
Http Servlet 의 Request 와 Response 관련 로직을 별도의 Class 인 Rq 로 분리했다.Session 이름과 value 를 매개변수로 받아 Session 을 생성한다.지금은 공부하는 단계라 Session 이름은 “loginedMemberId"
CSR과 SSR, 그리고 모순
우리는 CS공부를 하면서 CSR과 SSR의 의미를 대충이라도 접했을것이다그 CSR과 SSR의 의미를 알기 위해서 먼저 Rendering의 의미를 알아야 한다.우리가 CS공부를 하면서 알고있던 CSR의 대중적인 의미는 다음과 같다.Rendering이 클라이언트 측에서 일

Next.js) getServerSideProps를 사용해보자.. feat. Firebase
서버사이드 렌더링이란, 클라이언트 대신 서버에서 HTML 코드를 생성하고 반환하는 방식으로 웹페이지를 렌더링하는 방식이다..

💻 TIL 23.03.10
🫠 업로드가 느렸던 이유... 기존 ClubStudy 페이지는 하드코딩으로 작성되어있었다..(작업 초반 나의 실력 미숙과 기한이 짧았어서) 그래서 해당부분을 API를 받아와서 적용하려하다 보니 발생하는 오류가 있었다. 하지만 오류가 하나를 해결하니 다른 오류가 계속

Next.js! 왜 쓰는 걸까? (CSR vs SSR)
프로젝트가 본격적으로 진행되기 전에 우리는 많은 것을 결정해야 한다. 커뮤니티의 목적은 무엇인지, 어떻게 설계해야하는지, 회의는 어떤 방식으로 진행할지. 많은 항목들이 있지만 오늘 우리가 얘기하고자 하는 것은 Next.js 에 대한 이야기다. 저번 팀 프로젝트에

Nuxt(Server Side Rendering) 배포와 통신
Nuxt 서비스 배포 방법 Nuxt.js 서비스를 배포하는 방법은 프로젝트를 생성할 때 선택한 Universal 모드의 배포 방식에 따라 다르다. 아래 2가지 유형에 따른 배포 방법을 살펴보자. SSR(Server Side Rendering) SSR 모드는 위 그
SSR
SSR은 브라우저(클라이언트)에서 모든것을 처리하지 않고, 사이트에 접속했을 시 서버에서 해당 페이지에 필요한 데이터를 가지고와서 HTML을 만들고 이것을 사용자는 바로 볼 수 있게되어 페이지 로딩이 빨라지게된다.단점:Blinking Issue라는 것이 존재.사용자가

[Frontend] Lazy Loading, Suspense 그리고 SSR
Suspense, lazy loading을 통한 성능 개선 및 React18에서 SSR에 대한 기능 추가에 관련된 글입니다.