회고

개인 회고록 1주차

1. 이번 주에 진행한 작업

이번 주에는 웹 기반 마이크로게임 프로젝트의 초기 기획과 개발 방향을 정리했다. 프로젝트의 핵심 목표는 짧은 시간 안에 여러 미니게임이 연속적으로 등장하고, 사용자가 즉각적으로 반응해야 하는 게임 경험을 웹에서 구현하는 것이다.

이를 위해 먼저 서비스 주제와 핵심 기능을 정의했다. 마이크로게임 진행 방식, 랜덤 게임 선택, 게임 루프, 입력 처리, 에셋 프리로딩, 음악 기반 진행, 점수 및 게임 오버 시스템을 주요 기능으로 정리했다.

또한 기술 스택을 선정하고 그 이유를 문서화했다. Next.js는 Vercel 배포와 React 기반 개발에 적합하다고 판단했고, TypeScript는 게임 상태와 마이크로게임 인터페이스를 명확히 정의하기 위해 선택했다. Tailwind CSS는 빠른 UI 구현과 반응형 스타일링에 적합하다고 보았다.

마지막으로 GitHub Issue로 관리할 개발 Task를 도출하고, AI Agent를 활용한 개발 workflow 초안을 정리했다.

2. 잘한 점

이번 주에 가장 잘한 점은 프로젝트를 바로 구현하기 전에 기획과 구조를 먼저 정리했다는 점이다. 단순히 “재미있는 웹 게임을 만들자”에서 끝나지 않고, 어떤 기능이 필요하고 어떤 단위로 개발해야 하는지 구체적으로 나누었다.

특히 마이크로게임이라는 특성상 게임마다 규칙과 입력 방식이 달라질 수 있기 때문에, 처음부터 게임 루프와 개별 마이크로게임 로직을 분리하려고 한 점이 좋았다. 이 구조를 잡아두면 이후 새로운 게임을 추가할 때 전체 구조를 크게 바꾸지 않아도 될 것이다.

또한 GitHub Issue를 기능 단위로 나누어 정리하면서, 앞으로 어떤 순서로 개발해야 할지 더 명확해졌다. 프로젝트 초기 세팅, 화면 흐름 구현, 게임 루프 구현, 마이크로게임 인터페이스 설계 등으로 작업을 나누니 개발의 우선순위를 잡기 쉬웠다.

3. 어려웠던 점

가장 어려웠던 점은 아이디어를 실제 개발 가능한 단위로 쪼개는 일이었다. 마이크로게임 프로젝트는 겉으로 보기에는 단순해 보이지만, 실제로는 랜덤 선택, 짧은 제한 시간, 입력 처리, 애니메이션, 사운드 동기화, 에셋 로딩 등 고려해야 할 요소가 많았다.

특히 웹 환경에서 이미지와 사운드가 늦게 로딩되면 게임 경험이 크게 망가질 수 있다는 점이 고민되었다. 게임이 랜덤으로 등장하기 때문에 다음 게임을 완전히 예측하기 어렵고, 따라서 어떤 에셋을 언제 불러와야 하는지 전략이 필요하다고 느꼈다.

또한 음악과 게임 타이밍을 맞추는 부분도 단순한 타이머 구현보다 더 복잡할 수 있다고 생각했다. setTimeout만으로 처리하면 실제 음악 재생 시간과 화면 전환이 어긋날 수 있기 때문에, 추후에는 audio.currentTime 기반으로 타이밍을 관리하는 방식도 검토해야 한다.

4. 배운 점

이번 작업을 통해 게임 프로젝트에서도 초기 설계가 중요하다는 것을 느꼈다. 특히 여러 개의 작은 게임이 하나의 흐름 안에서 돌아가는 구조에서는, 개별 게임을 잘 만드는 것만큼 전체 게임 루프를 안정적으로 설계하는 것이 중요하다.

또한 AI Agent를 사용할 때도 무작정 “전체 게임을 만들어줘”라고 요청하는 방식은 적절하지 않다고 느꼈다. 기능 단위, 컴포넌트 단위, 마이크로게임 단위로 작업을 나누고, 필요한 맥락과 제약 조건을 함께 제공해야 원하는 결과를 얻을 수 있다.

즉, AI를 잘 활용하기 위해서는 개발자가 먼저 문제를 잘 쪼개고, 어떤 결과물이 필요한지 명확히 정의해야 한다는 점을 배웠다.

5. 다음 주 계획

다음 주에는 실제 구현을 시작할 예정이다.

우선 프로젝트 초기 세팅을 완료하고, 기본 화면 흐름을 구현할 계획이다. 메인 화면, 로딩 화면, 게임 화면, 게임 오버 화면의 기본 구조를 만든 뒤, 간단한 게임 루프를 연결해볼 것이다.

그 다음에는 최소 1개의 마이크로게임을 먼저 구현하여 전체 구조가 실제로 동작하는지 확인할 예정이다. 처음부터 많은 게임을 만들기보다는, 하나의 게임을 통해 게임 루프, 제한 시간, 성공 / 실패 판정, 점수 갱신이 제대로 연결되는지 검증하는 것을 목표로 한다.

6. 이번 주 한 줄 회고

아이디어를 바로 구현하기보다, 기능과 작업 단위를 먼저 나누면서 프로젝트의 전체 구조를 더 명확하게 볼 수 있었다.