이 과제는 실제 프론트엔드 신입 채용 과제임으로 각별히 외부 유출에 주의해 주시기 바라며, 특히 블로그 포스팅에 유의해 주시기 바랍니다.
💡 과제 안내
- 과제 기간: 6월 28일(화) ~ 7월 3일(일) 오후 23시 59분
- 리뷰 기간: 7월 4일(월) ~ 7월 9일(토)
- 내용: 포맷팅 가능한 input 컴포넌트 작성하기와 확정 가능한 DataTable 컴포넌트 구현 둘 중 하나를 선택해서 과제를 완성해 주세요. 예시로든 라이브러리 코드는 가급적 참고하지 않고 구현하는 것을 추천합니다.
- 2가지 과제 중 택 1 진행, 시간이 된다면 2가지 다 구현해보셔도 됩니다.
포맷팅 가능한 input 컴포넌트 작성하기
자신이 가장 잘 쓸 수 있는 웹 프레임워크, 라이브러리를 통해 포멧팅 가능한 input 컴포넌트를 구현합니다. 휴대폰 번호, 날짜, 시간, 숫자 등을 포함해 최대한 많은 기능을 사용할 수 있도록 작성해 보세요.
ex) 날짜의 경우 20191225라고 입력하면 2019-12-25으로 입력과 동시에 포맷팅
ex) 숫자의 경우 123456789라고 입력하면 123,456,789으로 입력과 동시에 포맷팅라이브러리 예
확장 가능한 DataTable 컴포넌트 구현
자신이 가장 잘 쓸 수 있는 웹 프레임워크, 라이브러리를 통해 rowspan, colspan, floating header, sort, search, group, selectable, expandable, custom styling 등 확장 가능한 테이블 컴포넌트를 설계, 구현해 보세요. 최대한 많은 기능이 있을 수록 좋습니다.
라이브러리 예