질문사항
달력 디자인 시 유용한 플러그인 & 레퍼런스 공유드립니다!
저는 요즘 회사에서 플랫폼 내에 예약기능을 더하는 작업을 하고 있는데요. 그러다보니 자연스럽게 달력 관련해서 레퍼런스를 많이 보고 있습니다.
사실 달력은 보기와 달리 요소가 많은 편이라 직접 만들기 꽤 귀찮은 작업입니다ㅠ 그래서 달력 제작 플러그인과 레퍼런스를 공유드려봅니다!
답변
아래 3종류의 레퍼런스를 특징과 함께 살펴보세요.
디자인 시스템에 관심있는 분들이라면 한 번쯤은 들어보셨을 Ant design에는 달력 소스도 있습니다. 큰사이즈부터 작은사이즈, 그리고 다양한 상태값을 컴포넌트로 제공하고 있어서 몇가지 요소 변경 만으로 쉽게 자체 서비스에 적용이 가능할 것 같아요. 큰 장점은 달력과 관련해서 개발 API도 제공하고 있기 때문에 빠른 속도로 제작이 필요한 팀에서 고려보는 것도 좋을 것 같아요!
년도를 선택한 후에 각종 옵션 조절 후 생성하면 그 년도의 전체 달력을 만들어 줍니다. 가로형인지 세로형인지 월요일이 먼저인지 일요일이 먼저인지 등 몇가지 세부적인 옵션을 선택하실 수 있습니다. 달력 안에 요소들이 오토레이아웃으로 잘 묶여있어 텍스트의 크기만 잘 변경하면 다양한 사이즈에 대응해서 적용할 수 있을 것 같아요!
'달력 생성'과 '연관 날짜' 두가지 기능을 제공하는 플러그인 입니다. 달력 자체는 흰배경에 가장 기본적인 형태의 달력을 만들어줍니다. '연관 날짜' 기능은 선택한 날짜를 기준으로 7일 전 후, 90일 후 날짜 등 찾아보지 않아도 플러그인에서 계산 후 날짜를 텍스트 레이어로 생성해줍니다. 디데이 계산해주는 느낌이었어요 ㅎㅎ
추가로 알면 좋을 팁