Skip to content

FEAT : Try new calendar library #19

@lim-jiwoo

Description

@lim-jiwoo

기존 사용하던 라이브러리가 문서화가 잘 안 되어있고, 문서대로 적용이 안 되는 등 문제가 많아서 새로운 라이브러리를 모색하기로 했다. 실제 도입하기 이전에 필요한 기능이 다 제대로 동작하는지 확실히 검증해볼 것!

📝 요구사항

  • 헤더에 날짜 없이 요일만 표기할 수 있어야 함.
  • 이벤트의 CRUD가 날짜 없이 요일만 사용해 가능해야 함. 이것이 불가능하다면 적어도 날짜를 고정값으로 사용할 수 있어야 함.
  • 여러 멤버의 이벤트를 같은 캘린더에 표시할 수 있어야 함. 각 멤버가 전체 column 너비의 1/n만 차지할 수 있으면 좋음. 또한, 각 멤버가 색깔로 구분이 되어야 함.
  • 같은 캘린더에서 어떤 이벤트는 수정이 가능하고 어떤 캘린더는 수정이 불가능해야 함.

🪁 시도한 라이브러리들

기존) Daypilot

  • 단점: 기본적으로 문서가 자세하지 않고, 문서를 따랐음에도 설정이 적용되지 않는 등 문제가 있었음

시도 1) Toast UI Calendar

5 Best JavaScript calendar Libraries 에서 추천받음

  • 장점: 디자인 괜찮음. 문서화 잘 돼있고 문서대로 잘 작동함
  • 문제점: 날짜가 고정되지 않음(언제나 현재 날짜 기준으로 보여줌). 따라서 날짜와 독립적인 단순 주간 스케쥴 표시가 어려움. 이벤트를 가져와서 캘린더에 표시하기 전에 날짜를 현재 시간 기준으로 일일이 바꾸는 연산이 필요할듯.

시도 2) Full Calendar (최종 선택)

Github 검색으로 찾음

  • 단점: 다큐먼트가 그닥 직관적이지 않아 전체 기능을 한눈에 파악하기 어려움. 디자인이 예쁘지 않음. Bootstrap을 사용해 theme을 적용해야 하는데 내가 Bootstrap을 잘 모름...
  • 장점: 필요한 기능이 전부 지원됨.

Metadata

Metadata

Assignees

Labels

basic featureBasic feature for this app

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions