feat-fe: 지원서 단답형/장문형 입력 필드에 글자 수 제한 추가

[github-actions]

Original issue description

목적

• 지원서 단답형/장문형 입력 필드에 글자 수 제한 기능을 추가합니다.

작업 세부사항

• 지원서 단답형/장문형 입력 필드에 글자 수 제한 추가
• 지원서에 포함된 해당 유형의 입력 필드에 입력 글자 수와 최대 입력 가능 글자 수 표시 추가

참고 사항

• 현재는 API 스펙 상, 지원서에 단답형/장문형 입력 필드를 추가할 때 '허용 글자 수'를 따로 저장할 수 없는 상태입니다.
• 따라서 일단은 내부 협의된 내용대로 단답형 최대 50자, 장문형 최대 1,000자 제한을 일괄 적용합니다.
• 각 필드마다 '허용 글자 수'를 지정하는 기능은 추후 개선 과제로 남겨둡니다.

아래의 별표줄 밑에 요구사항 ID만 작성해주세요. Prefix 금지!

---

APP_VIEW_04

목적

• 지원서 단답형/장문형 입력 필드에 현재 입력된 글자 수와 허용된 전체 분량을 표시하는 기능을 추가합니다.

변경 사항

• 지원서에 포함된 해당 유형의 입력 필드에 입력 글자 수와 최대 입력 가능 글자 수 표시가 모두 추가되었습니다.
• 해당 정보의 표시 여부는 InputField, TextField의 isLengthVisible prop을 통해 정할 수 있습니다.
• 지원서에 포함된 위 입력 필드들에 대해서는, 오직 CustomQuestion 컴포넌트로 묶인 경우에만 표시되도록 했습니다.

참고 사항

• 스토리북에서는 InputField, TextField에서 입력한 값(value)의 길이가 글자 수 요소에 반영되지 않는 이슈가 남아있습니다.

참고 화면

수정 후 지원서 화면 예시

수정 후 InputField에서 글자 수와 에러 메시지 동시 출력 화면 예시

관련 이슈

• closes feat-fe: 지원서 단답형/장문형 입력 필드에 글자 수 제한 추가 #504

[github-actions]

1723967528.292789

[github-actions]

1723967537.473269

[lurgi]

꼼꼼하시네용! 감사합니다~

[llqqssttyy]

점점 완성도가 올라가는 게 보여 뿌듯하네용.
고생하셨습니다!