## 📌 설명 자기소개서 문항 답변처럼 긴 텍스트를 입력하는 영역에서 재사용할 수 있는 TextArea 공통 컴포넌트를 구현합니다. 기본 TextArea 스타일을 공통화하고, 입력 상태에 따라 에러 메시지, 글자 수, 비활성화 상태 등을 일관되게 처리할 수 있도록 구성합니다. ## 🛠️ 구현 목록 (TODO) * [x] TextArea 공통 컴포넌트 구현 * [x] 기본 상태, focus 상태, error 상태, disabled 상태 스타일 적용 * [x] `disabled` 속성 지원 * [x] placeholder, maxLength 등 기본 textarea 속성 지원 * [x] 글자 수 표시 여부를 옵션으로 분리 * [x] 현재 입력 글자 수와 최대 글자 수 표시 기능 구현 * [x] 에러 메시지 표시 영역 구현 * [x] Label과 함께 사용할 수 있도록 id, aria 속성 연결 * [x] react-hook-form과 연동 가능하도록 props 타입 구성 * [x] 자기소개서 작성/수정 폼에 적용 가능한 구조로 구현 ## ✅ 참고 <img width="297" height="400" alt="Image" src="https://github.com/user-attachments/assets/b3b80014-e412-480d-bb99-ba597e28cfc8" />
📌 설명
자기소개서 문항 답변처럼 긴 텍스트를 입력하는 영역에서 재사용할 수 있는 TextArea 공통 컴포넌트를 구현합니다.
기본 TextArea 스타일을 공통화하고, 입력 상태에 따라 에러 메시지, 글자 수, 비활성화 상태 등을 일관되게 처리할 수 있도록 구성합니다.
🛠️ 구현 목록 (TODO)
disabled속성 지원✅ 참고