1일 1드로잉 위젯

 

 

 

티스토리 달력 위젯을 활용하여 "1일 1드로잉"을 한 날짜에만 주황색 표식이 생기도록 만들었다.

 

너무 오랜만에 JS를 다뤄서 조금 헤메긴 했지만 그래도 만족.

 

원래 달력 위젯에선 포스트가 존재하는 날짜를 "cal_click" 클래스로 구분하고 있다. 또한 작성된 글들을 확인할 수 있는 페이지를 href로 연결하고 있다.

따라서 연결된 페이지에서 해당 날짜에 작성된 글 제목들을 확인하고 "1일 1드로잉"이 존재하는 경우에만 주황색 표식이 생기도록 바꿔주었다.

 

문제는 글 제목만 추출해서 확인하기 때문에, "1일 1드로잉" 글이 다음 페이지로 넘어가 버리면 해당 날짜에 "1일 1드로잉"이 존재하지 않는 것으로 판단한다는 점이다. tag페이지에서 찾는 것도 생각해 보긴 했는데 글이 너무 많아지면 찾는 데 오래 걸릴 것 같아서 관뒀다.

근데 어차피 페이지 하나당 글 10개씩 보여줄 수 있는데 설마 내가 하루에 글을 10개 이상 쓸 것 같진 않아서 그냥 냅두어도 괜찮을 것 같다.

 

응용하면 "1일 1드로잉"의 시작 날짜랑 종료 날짜를 다른 색으로 칠하는 것도 가능할 텐데 이건 다음에 할 듯.

 

---

 

참고 내용

https://github.com/sookyeongyeom/tistory-jandi?tab=readme-ov-file

GitHub - sookyeongyeom/tistory-jandi: 🌱 티스토리 블로그용 잔디