MyDay Genie - Amazon Q Developer를 활용한 웹 기반 일정 관리 도구
카테고리
프로그래밍/소프트웨어 개발
서브카테고리
웹 개발
대상자
- 웹 개발자: 프론트엔드 기술 적용 및 실무 문제 해결 사례
- 일상 관리 필요 인구: 주부, 학생 등 일정 정리 도구 사용자
- 난이도: 초보자~중급자 수준의 실용적 프로젝트 예시
핵심 요약
- 브라우저 기반으로 설치 없이 사용 가능한 일정 관리 도구 (
localStorage를 활용한 데이터 저장) - 시간 기반/카테고리 기반 이중 뷰 지원 및 카테고리별 색상 구분
- Amazon Q Developer 활용: JavaScript 함수 작성, CSS 디자인 제안, 디버깅, 기능 개선 등 개발 속도 향상
섹션별 세부 요약
- MyDay Genie 기능 개요
- 사용자 입력 폼을 통해 태스크 이름, 시간, 카테고리, 중요도, 루틴 여부를 설정
- 시간 기반/카테고리 기반 이중 뷰로 태스크 시각화 가능
- 완료 상태 표시, 매일 리셋 기능, 색상 기반 태스크 구분 제공
- AWS Q Developer 활용 사례
- JavaScript 함수 작성: 태스크 관리 로직 개선
- CSS 변수 사용: 반응형 UI 디자인 제안
- 디버깅 지원: 태스크 정렬 및 뷰 전환 로직 문제 해결
- 기능 확장 아이디어: 다크 모드, 알림 기능 제안
- 프로젝트 개발 경험
- 프론트엔드 기술 적용: 실무적인 웹 앱 개발 경험
- 코드 가독성 및 유지보수성 향상: 체계적인 개발 프로세스 적용
- Amazon Q Developer 효과: 개발 속도 증가, 창의적 문제 해결 가능성
결론
- Amazon Q Developer는 프론트엔드 컴포넌트 개발 시 DevTools와 연계해 빠른 프로토타이핑이 가능하며, 불명확한 코드 구간 설명에도 유용
- MyDay Genie는
localStorage기반의 간단한 웹 앱으로, 사용자 친화적인 UI/UX 설계와 실용적 기능 구현이 핵심 - 실무 적용 팁: AWS Q Developer를 활용해 코드 자동화 추천 및 디자인 제안을 반복적으로 적용해보는 것이 개발 효율성 향상에 도움