혼자 만드는 웹 게임입니다. 잘 된 것보다 잘못됐던 것을 적어 두는 편이 나중에 도움이 돼서, 실제로 겪은 문제와 고친 과정을 그대로 남깁니다.
1,254px 손님 그림 다섯 장을 무손실 WebP로 바꾸고, 픽셀 비교와 66개 자동 검사로 같은 그림인지 확인했습니다.
2026년 9월 4일 · 성능 · QA주석 한 줄을 고쳤는데 손대지도 않은 283번째 줄에서 문법 오류가 났습니다. 원인은 파일 맨 앞의 세 바이트였습니다.
도구 · 윈도우«숯폼 릴스»와 «단곰 적립 이벤트». 유니코드 이스케이프로 저장돼 있어서 검색으로도, 눈으로도 찾히지 않았습니다.
데이터 · 한글휴대폰에서 «자본금₩20,000,000»처럼 붙어 나왔습니다. 요소를 시트로 옮겨 담으면서 스타일이 정의된 범위 밖으로 나간 것이 원인이었습니다.
화면 · CSS스크롤이 길다는 지적을 받고 탭을 만들었습니다. 그런데 예전의 제가 걸어 둔 검사가 «보고서 내용은 조작 없이 다 보여야 한다»며 막았습니다.
설계 · 품질 검사웃기려고 만든 캐릭터가 불편하게 읽혔습니다. 대사를 고쳐도 안 됐고, 뺏기는 사람을 바꾸니 해결됐습니다.
캐릭터 · 시나리오대사 하나하나는 괜찮은데 전체가 어색했습니다. 세어 보니 343개 대화 중 61%가 똑같은 방식으로 끝나고 있었습니다.
글쓰기 · 대사그림 파일은 멀쩡했습니다. 42px 동그라미에 512px 상반신 그림을 통째로 넣고 있었던 게 문제였고, 다른 자리에서는 CSS 축약형이 크기 지정을 통째로 지우고 있었습니다.
화면 · CSS이 게임은 소스가 40여 개 파일로 나뉘어 있고, 배포할 때 하나의 HTML 파일로 합쳐집니다. 현재는 빌드할 때마다 66가지 자체 검사를 돌려서, 예전에 고쳤던 문제가 되돌아오지 않는지 확인합니다. 개발노트에 나오는 «검사»는 그것을 말합니다.