개발일지/Next.js
2024. 4. 19.
[Next.js] Server/Client Component (서버 컴포넌트, 클라이언트 컴포넌트) - 장단점, 활용패턴, 사용해야 하는 경우
* 해당 게시글은 인프런 강의 '하조은_[손에 익는 Next.js] Part 1 - 공식 문서 훑어보기'를 수강한 후 정리하였습니다. Server Component React Server Component(RSC) React 18에서 도입된 기술 App Router가 기존 방식과 다르게 컴포넌트 단위로 Hydration이 가능해졌는데, 이를 가능하게 만든 기술 중 하나가 서버 컴포넌트이다. 서버 컴포넌트의 장점 데이터 페칭 : 서버에서 데이터를 직접 가져올 수 있어 데이터 페칭이 빠르다. 보안 : 민감한 정보를 서버에서 직접 데이터를 처리함으로써 중요한 데이터가 클라이언트 측 코드에 노출되지 않는다. 캐싱 : 자주 요청되는 정보를 서버에서 캐시 하면 만들어진 결과를 내려주면 되어 이후 요청에 대해 빠르게..