프코

  • 홈
  • 태그
  • 방명록

컴파운드 컴포넌트 1

[REACT] 컴파운드(조합) 컴포넌트

컴파운드 컴포넌트란?하나의 큰 컴포넌트(자이언트 컴포넌트)를 세부 요소로 쪼개놓고, Root에 assign 하는 형태로 합성하는 것입니다.prop을 사용하지 않고 내부에서 데이터를 처리할 수 있고, 비슷한 디자인의 컴포넌트가 필요할 때 새로운 컴포넌트를 만들지 않고 사용할 수 있습니다. 컴파운드 컴포넌트?? 용어부터 어렵잖아....? 그래서 왜 사용하는데?내가 처음 게시한 블로그 글에 "단단한 컴포넌트 부수기"라는 내용을 언급을 했는데 인제 하나씩 알아가 보자고!유연한 UI 구성부모 컴포넌트의 상태와 로직을 기반으로 자식 컴포넌트를 조합하여 다양한 UI를 유연하게 설계할 수 있습니다재사용성로직과 UI를 분리해 여러 곳에서 재사용 가능하며, 다른 조합 방식으로 새로운 기능을 쉽게 추가할 수 있습니다.컴포넌..

frontend/디자인 패턴 2025.01.21
이전
1
다음
더보기
프로필사진

프코

개발자로 거듭나기 위하여 학습한 내용을 정리하는 블로그입니다.

  • 분류 전체보기 (17) N
    • frontend (5)
      • 디자인 패턴 (1)
    • CS (11) N
      • 운영체제 (10) N
      • 컴퓨터구조 (1)

Tag

nextjs, app router, TAILWIND, 성능, 데이터 패칭, 데이터영역, next.js, 운영체제, 컴파운드 컴포넌트, clsx, 컴퓨터구조, 프론트엔드, 리팩터링, SSR, 렌더링, React, csr, 최적화, 프로그램 컴파일 과정, CPU,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바