React Date & Time picker

해당 프로젝트의 일정을 등록하기 위해 Time Picker 가 필요하고,

일정의 범위를 정하기 위해 Date Picker 가 필요했다.

 

결정은 Ant Design.

 

Ant Design은 알리바바 그룹에서 개발한 UI 프레임워크 이다.

UI 프레임워크 생각은 딱히 없었지만, 이번 Date & Time Picker 를 도입하면서 한 번 사용해보려 한다.

 

러닝커브가 낮고, 향후 프로젝트를 TypeScript 로 변경할 때 적용 가능한 샘플 코드 제공이 아주 친절하다.

특히, CodeSanbox, Codepen 등 온라인 에디터 등을 지원하고 있어 바로 테스트가 가능하다는 점이 훌륭하다.

다양한 디자인은 아니지만 다양한 컴포넌트로 Button, Icon, Themes, Layout, Font 등 제공하는 종류도 많다.

(왠만한 사이트 디자인은 모두 가능한 것 같다.)

 

차츰 컴포넌트를 Ant Desing 으로 변경하면서 추가로 장단점이나 트러블슈팅을 리뷰할 예정이다.