내 인생을 레벨업하다! 게이미피케이션이 접목된 '인생 치트키' 습관 트래커
안녕하세요! 새해 결심을 끝까지 지키는 것은 생각보다 어렵습니다. 그래서 저는 단순히 '체크'만 하는 앱이 아니라, 사용자가 성취감을 느낄 수 있도록 게이미피케이션(Gamification) 요소를 넣은 습관 형성 트래커를 개발했습니다.
1. 로그인 없이 즉시 시작하는 강력한 개인정보 보호
많은 서비스가 데이터를 저장하기 위해 로그인을 요구하지만, 저는 사용자의 편의와 보안을 최우선으로 생각했습니다.
로컬 스토리지 활용: 별도의 DB 서버 대신 브라우저의
localStorage를 사용하여 데이터를 저장합니다.데이터 안전: 사용자의 습관 데이터가 외부 서버로 전송되지 않아 유출 걱정이 없으며, 브라우저를 닫아도 기록은 그대로 유지됩니다.
2. 성장 시스템: 단순 기록을 넘어 '레벨업'으로
지루한 반복을 즐거움으로 바꾸기 위해 utils/gamification.ts 로직을 설계했습니다.
경험치(XP) 시스템: 습관을 완료할 때마다 경험치를 얻고, 일정 수치를 채우면 레벨이 올라갑니다.
동기부여: 내 노력이 '레벨'이라는 숫자로 시각화되니, 마치 RPG 게임 캐릭터를 키우는 것 같은 재미를 느낄 수 있습니다.
3. 시각화의 힘: 직관적인 진행률 확인
app/(habit)/habit-tracker/page.tsx에서는 React의 상태 관리를 통해 실시간으로 진행 상황을 보여줍니다.
프로그레스 바: 오늘 전체 습관 중 몇 퍼센트를 달성했는지 바(Bar) 형태로 즉시 확인 가능합니다.
도넛 차트: Recharts 라이브러리를 활용하여 내가 완료한 습관의 비율을 시각적으로 아름답게 구현했습니다.
🚀 개발자의 한마디
"내일의 나는 오늘의 내가 만든 습관의 결과물입니다." 복잡한 설정 없이 지금 바로 인생 치트키에서 여러분의 갓생(God-生)을 기록해 보세요!
댓글
댓글 쓰기