정신 건강 추적기: Amazon Q Developer 기반 웹 앱 개발

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

• 개발자 및 정신 건강 관심자
• 난이도: 초보자~중급자 (HTML/CSS/JavaScript 기초 지식 필요)

핵심 요약

• 웹 앱 목적: 사용자의 감정 상태를 추적하고 AI 기반 분석을 제공하여 정신 건강 관리 지원
• 핵심 기술 스택: HTML, CSS, JavaScript, Local Storage, Amazon S3
• 주요 기능: Mood Tracker, History View, AI Insights, Customizable Settings

섹션별 세부 요약

1. What I Built

• 웹 앱 목적: 감정 상태 추적 및 AI 기반 분석 제공
• 사용자 경험: 실시간 데이터 수집, 캘린더/라이브 뷰 제공
• AI 활용: 감정 트렌드 분석 및 사용자 맞춤형 인사이트 제공

1. Key Features

• Mood Tracker: 매일 감정 상태 기록 (예: 기쁨, 슬픔 등)
• History View: 실시간 및 캘린더 형식의 과거 감정 기록 확인
• AI Insights: 감정 변화 패턴 분석 및 개선 제안
• Settings: UI 커스터마이징, 알림 관리, 데이터 저장 설정

1. Tech Stack

• Frontend: HTML, CSS, JavaScript (동적 상호작용 구현)
• Data Storage: Local Storage (클라이언트 측 데이터 저장)
• Cloud: Amazon S3 (보안 및 확장성 있는 데이터 저장)

1. Best Practices

• 접근성: 모든 사용자(장애 포함)가 사용 가능한 디자인 적용
• 반응형 디자인: 다양한 기기(모바일, 데스크탑)에 최적화
• 코드 공개: GitHub(Ameena2244) 통해 개발 로직 공유

결론

• 실무 팁: Amazon S3를 활용한 클라우드 저장소 구현은 확장성 있는 데이터 관리에 유리하며, 반응형 디자인과 접근성 고려는 사용자 경험 향상에 필수적입니다.
• 학생 프로젝트 참고: 본 프로젝트는 학생이 진행한 사례로, 초보자도 기초 기술을 익히며 실무와 연결된 프로젝트를 경험할 수 있습니다.