반응형
Component 분류
server component
- html에 자바스크립트 기능사용이 불가 (onClick, useState, useEffect등)
- 로딩속도가 빠름 페이지를 로드할 때 자바스크립트 기능이 필요하지 않기에 로딩속도가 빠르며, 검색엔진 노출에 이점이 있을 수 있음
client component
- js파일 최상단에 'use client'입력하여 클라이언트 컴포넌트로 사용
- html에 자바스크립트 기능사용이 가능
- 페이지 로드에 필요한 자바스크립트 파일이 많으며, hydration이라는 과정을 거쳐야 해서 로딩속도가 느림
*hydration: react문법을 사용하기 위해 html을 유저에게 보낸 후 자바스크립트로 html을 다시 읽고 분석하는 일
| html에 자바스크립트 기능 사용 | 로딩속도 | 주로 사용되는 곳 | |
| server component | 불가능 | 빠름 | 큰 페이지 |
| client component | 가능 | 느림 | JS기능이 필요한 곳 |
반응형
'Javascript > 기본폴더' 카테고리의 다른 글
| [JS] 비트 연산자 정리 // Bitwise Operations (0) | 2023.09.04 |
|---|---|
| [GitHub] 자주 사용하는 Git 명령어, 상황에 따른 명령어 (0) | 2023.06.08 |
| [CLI] 자주 사용하는 CLI 명령어 // Command Line Interface (0) | 2023.06.05 |