게이미피케이션 투두 리스트 관리 서비스 디벨롭

소개

시도하고자 했던 것과 그 이유를 알려주세요.

게이미피케이션 투두 앱입니다.

기획안에서 상당 부분은 구현이 까다롭다 판단하여 간소화했습니다.

결국은 메인페이지, 퀘스트 페이지, 칭호 페이지로 구성하고, 필수적인 요소만 구현하고자 했습니다.

진행 방법

어떤 도구를 사용했고, 어떻게 활용하셨나요?

Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.

Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.

Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)

제미나이cli와 클로드 코드 이용했습니다.

클로드 코드로만 작업을 하려고 했는데 꽤 빨리 리밋에 도달합니다... 그럼 또 제미나이로 전환 아닌 전환을 해야 해서 흐름이 끊기더라고요. 그래서 제미나이를 애초부터 좀 주 도구로 썼습니다.

프롬프트는 너무 산발적이고 파편적이라 정리하기가 힘든데, 그냥 저번에 만들어둔 프론트엔드에 이어서 작업을 했고, 토스 페이먼츠로 결제 기능을 추가했습니다.

딱히 스스로 생각할 건 없었고, 만들어둔 기획과 설계에 따라서 클릭만 계속한 것 같습니다.

결제 기능은 교안 따라하기만 하는데도 붙이는 데 좀 오래 걸렸지만 결국 성공했습니다.

메인페이지, 퀘스트 페이지, 칭호 관리 페이지 모두 구현했으며, 결제는 어디에 접목을 시켜야 하나 생각하다가 경험치 물약을 과금 요소로 정해서 아이템처럼 구성해보았습니다.

Questlog라는 단어가 적힌 게임 스크린샷
버튼이 있는 어두운 화면
검은 화면에 한국 앱 스크린샷
어두운 배경의 모바일 앱 스크린샷
휴대전화 이미지가 포함된 어두운 화면의 스크린샷

결과와 배운 점

배운 점과 나만의 꿀팁을 알려주세요.

과정 중에 어떤 시행착오를 겪었나요?

도움이 필요한 부분이 있나요?

앞으로의 계획이 있다면 들려주세요.

계속해서 느끼는 것은 개발자로서의 역량까지는 아니더라도 AI가 지금 뭘 하려고 하는 건지 알 정도의 지식은 있어야겠다는 생각이 듭니다. 서적을 읽고 싶은데 추천 바랍니다.

일단 ui 자체도 마음에 안들어서 좀 랜덤으로 돌리듯이 요청해서 원하는 걸 캐치 했습니다.
결제는 딱보니 복잡해 보여서 AI보고 좀 해달라고 했더니 계속 같은 오류가 뜨는데도 계속 아 이제 됐습니다 하는 답만 하길래 보니까 제 키를 안넣어서 그런 거였습니다... 너무 뇌를 빼면 안되겠다는 생각이 들었습니다...

도움은 애니메이션이 결국에 구현이 안되어서... 이게 웹 페이지 애니메이션이 아니라 게임 개념의 애니메이션이 필요한 거라 이것저것 찾아보는데 역부족입니다...

이제 대중에의 공개를 위해 백엔드를 디벨롭하고 배포까지 완료할 계획입니다.

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요