# CSR
[HTTP/네트워크] 기본 이론
ip와 포트 네트워크에 연결된 특정 PC의 주소를 나타내는 체계이다. IP는 Internet Protocol의 약자이다. 터미널에서 로 IP를 확인 할 수 있다. 닷(.)으로 구분된 네 덩이의 숫자로 구분된 IP 주소체계로 IP 주소체계의 네 번째 버전이다. 각
CSR vs SSR
client 인 브라우저가 렌더링을 처리하는 방식이다. 서버에서 받은 데이터를 통해 클라이언트인 브라우저가 화면을 그리는 주체가 됨.새로고침이 일어나지 않기때문에 유저경험이 좋다.서버에 처음 요청할때 전체페이지를 요청하기 때문에 첫 로딩속도가 느리다.검색엔진최적화(SE
웹 랜더링 방식 CSR, SSR, SSG, ISR
웹 랜더링 방식 CSR, SSR, SSG, ISR 에 대한 장단점 정리와 언제 어떤 방식을 채택해야 할지에 대한 간단 정리
CSR과 SSR, 그리고 모순
우리는 CS공부를 하면서 CSR과 SSR의 의미를 대충이라도 접했을것이다그 CSR과 SSR의 의미를 알기 위해서 먼저 Rendering의 의미를 알아야 한다.우리가 CS공부를 하면서 알고있던 CSR의 대중적인 의미는 다음과 같다.Rendering이 클라이언트 측에서 일
Next.js! 왜 쓰는 걸까? (CSR vs SSR)
프로젝트가 본격적으로 진행되기 전에 우리는 많은 것을 결정해야 한다. 커뮤니티의 목적은 무엇인지, 어떻게 설계해야하는지, 회의는 어떤 방식으로 진행할지. 많은 항목들이 있지만 오늘 우리가 얘기하고자 하는 것은 Next.js 에 대한 이야기다. 저번 팀 프로젝트에
CSR vs. SSR
서버가 요청을 받으면 클라이언트에 HTML, JS를 보냅니다. 클라이언트는 이 파일을 받아 렌더링을 시작합니다.js파일이 다운 완료되고 실행이 끝나기 전까지 사용자는 페이지를 볼 수 없습니다.1\. 유저가 웹사이트에 요청을 보냄2\. CDN이 HTML 파일과 js파일로
SSR과 CSR의 특징 및 차이
Client Side Rendering의 약자렌더링이 클라이언트에서 일어남서버에서 클라이언트에게 HTML와 JS를 보내주고 클라이언트는 그것을 받아 렌더링함페이지 이동 자연스럽고 빠름Server Side Rendering의 약자서버쪽에서 렌더링 준비를 끝마친 상태로 클
[RN] iOS App Store 배포 준비 작업(계정, CSR, Provisioning Profile, Device, Identifiers 등)
rn 으로 만든 앱을 배포하기 위해서는 애플 디벨로퍼 계정을 만들고, 앱스토어에 배포해야 한다.일단 오늘은 먼저 iOS 앱을 배포하는 법을 먼저 알아보겠다!나는 돈 내야 하는 줄 몰랐다.. 여러분 돈 내야해요ㅋㅋㅋㅋㅎㅎㅎ 시작!Apple Developer 페이지에 들어
Server Side Rendering #3
이 전 글에서 아주 간단하게 CSR, SSR에 대한 비교를 진행해보았다. 테스트를 마치고 생긴 의문점이 있는데 만약 유저가 실제로 접속해서 보는 환경과 유사하게 꾸민 다음에 테스트를 해보면 어떨까? 하는 생각이 들어 다시 한번 더 테스트 해보기로 하였다.
SSR vs CSR
SSR(Server-Side Rendering)과 CSR(Client-Side Rendering)은 웹 페이지를 렌더링하는 두 가지 다른 접근 방식입니다.서버 측 렌더링은 서버에서 HTML을 생성하고 브라우저에 표시하기 위해 클라이언트로 보내는 프로세스를 말합니다. S
대부분이 모르는 Next에서 SSG가 작동하는 방식 | 리팩토링을 통해 서비스 최적화하기 2편
많이들 이용하는 Static Site Generation은 사실 HTML이 아니라 다른걸 미리 생성합니다... SSG의 정확한 작동 방식에 대해 살펴보고, SSG을 이용해 로딩 속도를 개선한 경험을 말씀 드리고자 합니다.
Server Side Rendering #2
계속해서 SSR로 구현 된 동일한 웹페이지의 테스트 결과를 확인해보도록 하자.<SSR 1회><SSR 2회><SSR 3회>SSR의 총 3회 테스트 결과 FCP 평균 값 = 212msSSR의 총 3회 테스트 결과 SI 평균 값 = 3,389msCSR FCP
Server Side Rendering #1
다음으로 이 CSR vs SSR 속도 테스트를 어떻게 진행 할 것 인지에 대해 생각해보았다.CSR : React+TypeScript, FirebaseSSR : Next.js+TypeScript, FirebaseLightHouse(데스크탑)LightHouse 구글 확장프
NextJS 처음 써본 사람. 서버사이드 렌더링이란?
서론 회사에서 NextJS를 통해 프로젝트를 해야할 일이 생겼다. Next로 프로젝트를 하기로 결정됬을 때 생각은 이러했다. > Next로 프로젝트는 안해봤지만 보니까 React랑 똑같던데? > 서버사이드 렌더링? 오 신기한데 뭔진 잘 모르겠네 > Next? 하면
SPA 그리고 CSR, SSR
단일 페이지 어플리케이션.배포가 간단하고 네이티브 앱과 비슷한 사용자 경험을 제공한다.SPA는 최초 접근시 어플리케이션 구동에 필요한 정보를 한 번만 다운받는다. 새로운 데이터로 다른 페이지에 접근시 새로운 데이터만 다운받아 불필요한 트래픽을 감소시키고, 변경되는 부분
Server Side Rendering #0
이번 글은 Server Side Rendering 에 대해 공부한 부분을 정리하여 기록하려 한다.그리고 리액트로 작업 된 SPA(CSR)를 SSR로 바꾸면 어떤 차이점이 있는지 간단한 이미지 웹 사이트를 만들어 테스트 해보려고 한다.먼저 웹 구동 방식으로는 크게 두 가