Vanilla Calendar Pro를 만든 방법 — TypeScript를 사용한 가볍고 유연한 JavaScript 달력-JS 튜토리얼-php.cn

Vanilla Calendar Pro를 만든 방법 — TypeScript를 사용한 가볍고 유연한 JavaScript 달력

Patricia Arquette

풀어 주다： 2024-11-30 11:41:14

원래의

980명이 탐색했습니다.

How I Created Vanilla Calendar Pro — A Lightweight and Flexible JavaScript Calendar with TypeScript

안녕하세요, 개발자 커뮤니티!

솔직히 이 글을 쓰기까지 오랜 시간 망설였습니다. "또 다른 불필요한 날짜 선택기입니다."라는 댓글이 있을 수 있다는 점은 이해합니다. 하지만 오늘날 Vanilla Calendar Pro는 GitHub에서 별 480개 이상을 획득하고 월별 17,000회 다운로드를 기록하고 있습니다.

, 제 이야기를 공유하기로 했어요.

먼저 분명히 말씀드리지만 저는 최고의 달력이나 날짜 선택기 개발자라고 주장하는 것이 아닙니다. 이 글은 오픈소스에 대한 나의 첫 경험, 처음부터 어떻게 프로젝트를 만들었는지, 그리고 그것이 다른 개발자들에게 어떻게 유용하게 되었는지에 대한 것입니다.

모든 것이 어떻게 시작되었는지

2022년 여름, 프로젝트의 이벤트 캘린더를 구현해야 했습니다. 요구 사항은 간단했습니다.

얼핏 보면 간단한 작업처럼 보였습니다. 하지만 적절한 해결책을 찾지 못했습니다. 대부분의 기존 달력은 필요한 기능이 부족하거나 너무 부피가 커서 프로젝트 디자인에 적응하기 어려운 스타일이었습니다.

물론 디자이너에게 레이아웃을 단순화하도록 요청하거나 사소한 형식 문제만 받아들일 수도 있었습니다. 그런데 솔직히 궁금했어요. 나만의 달력을 만들면 어떨까?

그래서 바닐라 캘린더 프로의 첫 번째 버전이 탄생했습니다. "바닐라"

라는 용어는 외부 종속성이 없는 기본 JavaScript를 나타냅니다. 다른 프로젝트에 더 쉽게 통합할 수 있도록 API 문서와 예제가 포함된 README를 작성하여 NPM에 게시했습니다.

첫 번째 사용자 — 그리고 첫 번째 별

얼마 지나지 않아 저장소의 첫 번째 문제에 대한 알림을 받았습니다. 노르웨이의 한 개발자가 예상치 못한 질문을 했습니다.

"캘린더에 주 번호를 추가할 계획이 있나요? 이곳 노르웨이에서는 주 번호를 사용하는 것이 매우 흔한데 유용한 기능이 될 것입니다."

이 순간 달력이 나뿐만 아니라 다른 사람들에게도 유용할 수 있다는 것을 깨달았습니다. 하지만 저는 스스로에게 이렇게 물었습니다. 이 모든 노력으로 내가 얻을 수 있는 것은 무엇인가? 노르웨이에 있는 어떤 남자가 내 달력을 사용할 수 있도록 여가 시간을 보내야 하는 이유는 무엇입니까? 대답은 다음과 같습니다. 눈에 띄는 것은 없습니다!

하지만 누군가가 내 캘린더를 다운로드하고 개발 시간을 절약하며 더 중요한 작업에 집중할 수 있다는 정말 도움이 되는 무언가를 만들었다는 생각은 정말 고무적이었습니다. 비록 물질적인 보상은 없었지만, 제가 만든 프로젝트가 다른 사람들에게 도움이 되고 있다는 사실에 깊은 만족감을 느꼈습니다.

그래서 저는 캘린더를 보다 보편적이고 유연한 솔루션으로 전환하기 위해 적극적으로 개선하기 시작했습니다. 기능적일 뿐만 아니라 사용자 친화적인 인터페이스를 목표로 인터페이스도 직접 디자인했습니다.