1. 사용자 중심의 테마 기능 (다크/라이트 모드)
- CSS 변수(Custom Properties)를 활용하여 시스템 테마 및 사용자 선호도에 대응하는 다크/라이트 모드를 완벽히 구현했습니다.
localStorage API를 사용하여 사용자의 테마 선택 상태를 브라우저에 저장, 재방문 시에도 일관된 시각적 경험을 제공합니다.- 눈의 피로도를 고려한 색상 설계와 부드러운 전환 효과(Transition)로 UI 품질을 높였습니다.
2. 고도화된 번호 생성 및 통계 시스템
- 다양한 추출 방식: 완전 랜덤 추출뿐만 아니라, 사용자의 전략을 반영할 수 있는 '번호 고정' 및 '번호 제외' 필터링 시스템을 구축했습니다.
- 실시간 분포 데이터: 번호 생성 즉시 1~10, 11~20 등 구간별 분포를 차트(Status Bar) 형태로 시각화하여 정보의 가독성을 극대화했습니다.
- 원클릭 복사: 생성된 번호를 클립보드에 즉시 복사할 수 있는 편의 기능을 제공합니다.
3. 소통 및 피드백 시스템 통합
- 제휴 및 문의 폼: Formspree를 연동하여 사용자의 문의 사항을 실시간으로 수집하고 대응할 수 있는 채널을 확보했습니다.
- Disqus 댓글 서비스: 커뮤니티 기능을 위해 Disqus를 통합하여 사용자 간의 의견 교환과 피드백 수집이 가능하도록 설계했습니다.
4. 애드센스 승인을 위한 사이트 최적화
- 콘텐츠 전문성 강화: 단순한 툴을 넘어 서비스의 가치와 사용법을 설명하는 텍스트 콘텐츠(Introduction)를 대폭 보강했습니다.
- 필수 정책 문서 구비: 구글의 엄격한 가이드라인을 준수하기 위해
개인정보처리방침 및 이용약관 페이지를 별도로 구축했습니다.
- SEO 및 탐색 최적화: 메타 태그 최적화와 직관적인 푸터(Footer) 네비게이션을 통해 검색 엔진 봇과 사용자 모두에게 친화적인 구조를 완성했습니다.
5. Git 기반의 안정적인 배포
- 환경 제약을 극복하고 GitHub 저장소로의 직접 배포를 성공적으로 수행하여 최신 버전을 실시간으로 유지하고 있습니다.
← 메인 페이지로 돌아가기