사용 스택: Github + NextJS + TypeScript + Cloudflare Pages
접근성 높은 게임을 바탕으로, 사회적 고립·인터넷 과의존·피싱 범죄 등 현대적 문제들을 스스로 성찰하고 예방하는 계기를 제시하기 위한 스토리형 웹게임을 기획·제작하였습니다.
팀 프로젝트로 진행하였으며, 인스타그램과 똑같은 UI를 구현하여 현실적이도록 게임을 구현하였습니다. 메인화면, 대화, 스토리, 게시물 등 주요 기능의 백엔드&프론트엔드 80%를 개발하였습니다. AI 도구를 활용하여 초기 구축 시간을 단축하였습니다.
대화 기능개발 중 여러 문장을 나눠서 출력할 때 번째 문장이 먼저 나온 후 이후 문장이 아무 글자도 없이 투명 말풍선만 표시되는 문제가 있었습니다. 이 문제의 원인이 React State의 비동기 렌더링 특성 때문에 변수를 가져오는 시점이 달라져 발생한 문제인 점을 찾게 되어 다음 문장 함수 실행 전에 별도 변수에 고정하는 방식으로 수정하여 해결하였습니다.