캘린더 예쁘게 꾸미고 싶은 사람 다 모이세요!
- 캘린더에 일정을 입력할 때 시작일과 종료일을 구분해서 넣는 경우 많죠?
이 때 캘린더 안에 예쁜 라인을 넣어서 업무 연속성을 시각화하는 분이 많은데요.
원래는 텍스트 속성을 만들고 그 안에 Katex 문법으로 구분선을 입력해서 구현하는 방식이 널리 알려져 있었는데, 아무래도 유지보수가 어렵죠?
- 마침 슈크림 마을의 튜 슈크림님이 좋은 사례를 만들어두셨길래 해당 사례를 참조해서 노션 수식 속성을 이용해서 캘린더에 라인을 넣을 수 있게 만들어봤어요!
Instagram (@no_shooni),
Instagram (@no_shooni)
Instagram photos and videos
Instagram (@shoocreamvillage)참조
Instagram (@shoocreamvillage)
Instagram photos and videos
튜 슈크림님의 수식이 업무 기간에 따라 색상이 자동 선택되게 만드는 고난이도의 조건문으로 만들어졌다면,
저는 사용자가 색상을 지정하여 라인에 반영할 수 있도록 쉽게 개량해서 만들어봤답니다 🙂
데이터베이스의 속성 구성
- 업무 내용(제목)
- 업무 일정(날짜)
- 색상(선택) → red, blue, green 등 사전 입력한 색상을 선택하면 캘린더에 반영됨! 원한다면 6자리 HEX 색상 코드를 넣는 것도 가능
- 수식 : 업무 일정과 선택한 색상을 참조하여 라인을 만들어줌
style(repeat("━", 35 * (dateBetween(dateEnd(prop("업무 일정")), dateStart(prop("업무 일정")), "days") + 1)), prop("색상"))
샘플 데이터베이스
업무 일정