일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 모던 자바스크립트
- CORS
- React
- deep dive
- useRouter
- 구글 로그인
- js
- 코테
- array정적메서드
- 소셜 로그인
- 프로젝트 셋팅
- Next
- domain
- 셋팅
- 모던자바스크립트
- git
- error
- 오블완
- nextjs
- vercel
- 코딩테스트
- 코드카타
- 초기셋팅
- vscode
- 스파르타코딩클럽
- 프로그래머스
- 티스토리챌린지
- 내일배움캠프
- 리터럴
- 자주 까먹는
- Today
- Total
목록SSR (2)
파피루스
SSR (Server-Side Rendering)과 CSR (Client-Side Rendering)은 웹 애플리케이션을 렌더링하는 두 가지 방식으로, 각각 고유한 장점과 단점이 있습니다.1. SSR (Server-Side Rendering)SSR은 웹 페이지의 HTML을 서버에서 미리 생성하여 클라이언트(브라우저)로 전달하는 방식입니다. 사용자가 페이지를 요청하면, 서버가 HTML을 렌더링하고 클라이언트로 전송합니다.특징HTML은 서버에서 완성된 형태로 전달됨클라이언트 측에서 별도의 JavaScript 로직이 없더라도 페이지가 바로 보임장점빠른 초기 로드 시간: 서버에서 완성된 HTML을 전송하기 때문에 초기 로딩이 빠릅니다. 특히 저사양 기기나 느린 네트워크 환경에서 이점이 큽니다.SEO 최적화: 검..
페이지(page) 몇 장 쓰세요?1) MPA (Multi Page application) : 새로운 페이지를 요청할 때마다 정적 리소스를 다운받아 렌더링하는 방식 2) SPA (Single Page application): 필요한 데이터가 있을 때마다 비동기로 받아와, 동적으로 현재 화면에 재렌더링 하는 방식 TTV ? TTI? TTV (Time To View) : 첫 페이지 로딩 시간TTI (Time To Interact) : 인터렉션 (버튼 클릭, 슬라이드 이동 등) 가능한 상태로의 로딩 시간 페이지(page) 어디에서 만드나요?1) CSR (Client Side Rendering) : 클라이언트(브라우저)에서 페이지를 동적 생성하는 방식장단점+👍최초 한번이 느리고, 그 이후의 상..