InterviewReviewParts 컴포넌트
이 컴포넌트는 인터뷰 리뷰 폼에서 입력해야 할 여러 섹션(사전 준비, 진행 과정, 질문/답변 등)을 동적으로 렌더링합니다. src/shared/data/ReviewDict.ts의 dict 객체를 기반으로 섹션 이름과 필드 목록을 추출하여 구성합니다.
src/shared/data/ReviewDict.ts
dict
기능:
questionsAnswers
QuestionsAnswers
DynamicReviewFields
UI 컴포넌트:
Flex
Separator
title
body
ReviewForm
<form onSubmit={handleSubmit}> <InterviewReviewParts /></form> Copy
<form onSubmit={handleSubmit}> <InterviewReviewParts /></form>
InterviewReviewParts 컴포넌트
이 컴포넌트는 인터뷰 리뷰 폼에서 입력해야 할 여러 섹션(사전 준비, 진행 과정, 질문/답변 등)을 동적으로 렌더링합니다.
src/shared/data/ReviewDict.ts
의dict
객체를 기반으로 섹션 이름과 필드 목록을 추출하여 구성합니다.기능:
dict
객체의 키를 기준으로 각 섹션을 반복 렌더링합니다.questionsAnswers
는 별도로QuestionsAnswers
컴포넌트를 사용하고, 나머지는DynamicReviewFields
를 사용합니다.UI 컴포넌트:
Flex
: 섹션 정렬과 간격 조절QuestionsAnswers
: 질문/답변 입력 섹션DynamicReviewFields
: 일반 필드 렌더링 컴포넌트Separator
: 구분선