| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- 오블완
- vite
- context.api
- CustomHook
- sharedworker
- MicroFrontEnd
- 에세이
- 프론트엔드
- TypeScript
- react
- 이것저것
- Web
- Webworker
- 접근성
- provider 패턴
- 자바스크립트
- AI
- Aria
- frontend
- JavaScript
- CRA
- 클린코드
- Function Region
- 아키텍처
- MFA
- 티스토리챌린지
- 회고
- 리팩토링
- 리액트
- 웹워커
Archives
- Today
- Total
목록server component (1)
Lighthouse of FE beginner
[React] RSC (React Server Component)
React Server ComponentRSC가 서버에서 실행이 되지만 RSC 와 SSR 은 동일한 개념이 아닙니다. RSC 는 클라이언트에서 실행되는 컴포넌트(RCC)와는 다르게, 빌드 시점에 생성이 되거나 서버와 함께 사용한다면 서버에서 랜더링이 수행되는 컴포넌트 입니다. RSC의 개요RSC는 서버에서 랜더링이 수행된다. 즉 클라이언트에서 랜더링이 수행되지 않기 때문에 클라이언트 전용 API를 사용할 수 없다. 또한 서버에서 랜더링이 되기 때문에 클라이언트에서 랜더링이 발생하지 않는다. (리랜더링이 없다.) 기본적으로 모든 컴포넌트는 서버 컴포넌트이다. 만약 클라이언트 컴포넌트를 사용하고 싶다면 "use client"를 컴포넌트 파일 최상단에 기입해야한다. 서버 컴포넌트를 가지고 있는 페이지는 요청을..
[WEB] 프론트엔드
2024. 5. 22. 15:10