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