DynamicReviewFields 컴포넌트
이 컴포넌트는 주어진 섹션 이름과 필드 키 배열을 기반으로 입력 필드를 동적으로 렌더링합니다. ReviewDict의 정의를 바탕으로 각 필드의 라벨과 타입을 자동으로 구성합니다.
ReviewDict
기능:
sectionName
dict
fieldNames
InputField
"interviewDateTime"
datetime-local
text
UI 컴포넌트:
Fieldset.Root
Fieldset.Legend
Fieldset.Content
Separator
InterviewReviewParts
dict[sectionName]
// InterviewReviewParts 내부에서 사용되는 예시<DynamicReviewFields sectionName="interviewProcess" fieldNames={["format", "mood", "panel", "interviewRatio"]}/> Copy
// InterviewReviewParts 내부에서 사용되는 예시<DynamicReviewFields sectionName="interviewProcess" fieldNames={["format", "mood", "panel", "interviewRatio"]}/>
DynamicReviewFields 컴포넌트
이 컴포넌트는 주어진 섹션 이름과 필드 키 배열을 기반으로 입력 필드를 동적으로 렌더링합니다.
ReviewDict
의 정의를 바탕으로 각 필드의 라벨과 타입을 자동으로 구성합니다.기능:
sectionName
에 해당하는 섹션 정보를dict
에서 추출하여 제목과 필드 레이블을 설정합니다.fieldNames
배열을 순회하며 각 필드를InputField
컴포넌트로 렌더링합니다."interviewDateTime"
필드는datetime-local
타입으로, 나머지는text
타입으로 렌더링됩니다.UI 컴포넌트:
Fieldset.Root
,Fieldset.Legend
,Fieldset.Content
: 섹션 레이아웃 및 시각적 그룹화를 구성합니다.InputField
: 단일 입력 필드를 렌더링합니다.Separator
: 섹션 간 시각적 구분을 제공합니다.