History

shin 82f788bbb5 feat: 리포트 디자이너 Phase 1~3 완료 및 리팩토링 - Phase 1: 리포트 관리 페이지(Admin) 고도화 - CRUD, 목록/그리드 뷰 - Phase 2: 내부 리포트 목록 컨텍스트 뷰어 - Phase 3: 화면관리 컴포넌트화 (드래그&드롭) 리팩토링: - ReportDesignerContext 분리: 2049줄 → 484줄 (contexts/report-designer/ 하위 훅 추출) - MM_TO_PX 상수 중복 제거: useClipboardActions/useUIState → lib/report/constants 통일 - generateComponentId 헬퍼 중앙화: lib/report/constants로 단일 소스 관리 - ConditionalRule 타입 중복 제거: conditionalUtils → types/report 단일 정의 - 렌더러/속성/모달 컴포넌트 분리: designer/renderers, properties, modals 디렉토리 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>		2026-03-10 18:30:18 +09:00
..
AccordionBasicComponent.tsx	feat: 리포트 디자이너 Phase 1~3 완료 및 리팩토링	2026-03-10 18:30:18 +09:00
AccordionBasicConfigPanel.tsx	아코디언 컴포넌트 생성	2025-09-12 16:47:02 +09:00
AccordionBasicRenderer.tsx	아코디언 컴포넌트 생성	2025-09-12 16:47:02 +09:00
README.md	아코디언 컴포넌트 생성	2025-09-12 16:47:02 +09:00
index.ts	세부타입설정	2025-10-14 16:45:30 +09:00
types.ts	아코디언 컴포넌트 생성	2025-09-12 16:47:02 +09:00

README.md

AccordionBasic 컴포넌트

접을 수 있는 콘텐츠 섹션을 제공하는 아코디언 컴포넌트입니다.

컴포넌트 정보

ID: accordion-basic
카테고리: display
웹타입: text
기본 크기: 300x200

주요 기능

다중 아이템 지원: 여러 개의 접을 수 있는 섹션 제공
단일/다중 선택: 한 번에 하나만 열거나 여러 개를 동시에 열 수 있음
기본값 설정: 초기에 열려있을 아이템 지정 가능
완전 접기: 모든 아이템을 닫을 수 있는 옵션
동적 아이템 관리: 상세설정에서 아이템 추가/삭제/편집 가능

설정 옵션

기본 설정

type: 선택 타입 ("single" | "multiple")
collapsible: 모든 아이템 접기 가능 여부
defaultValue: 기본으로 열린 아이템 ID
disabled: 비활성화 상태

아이템 설정

각 아이템은 다음 속성을 가집니다:

id: 고유 식별자
title: 아이템 제목 (헤더에 표시)
content: 아이템 내용 (접었다 펼 수 있는 부분)
defaultOpen: 기본으로 열림 상태

사용 예시

// 기본 사용
<AccordionBasic
  items={[
    {
      id: "item-1",
      title: "제품 정보",
      content: "제품에 대한 상세 정보...",
      defaultOpen: true,
    },
    {
      id: "item-2",
      title: "배송 정보",
      content: "배송에 대한 상세 정보...",
    },
  ]}
  type="single"
  collapsible={true}
/>

README.md

AccordionBasic 컴포넌트

컴포넌트 정보

주요 기능

설정 옵션

기본 설정

아이템 설정

사용 예시

이벤트

스타일링

참고 자료