← 개발기 목록

홈페이지를 0에서 다시 짰다

개발기 1편 · 2026-10-16

새로 짠 홈페이지의 게임 목록 화면
부품 단위로 다시 짠 홈페이지의 게임 목록(10월 16일 화면).

운영자는 10월 12일, 예전 홈페이지를 남김없이 지우고 0에서 부품 단위로 다시 짜기로 정했고, 고치는 도구까지 처음부터 다시 시험하기로 했습니다. 10월 16일 개편 때는 연습용으로 만들어 둔 사이트의 흐름(입장 → 게임 목록)만 가져왔고, 그 사이트의 이름·그림·스타일 파일은 쓰지 않았습니다.

새 홈페이지는 부품 단위로 짰습니다. 머리글, 로그인 창, 게임 카드, 게시판 틀을 각각 따로 만들고, 쪽마다 필요한 조각을 골라 조립합니다. 한 조각을 고쳐도 다른 쪽이 같이 깨지지 않게 하려는 구조입니다. 게임을 하나 더 얹을 때도 같은 틀을 쓰면 되니, 새 게임을 올리는 일이 번거롭지 않습니다.

입장 창은 이름과 숫자 네 자리만 받습니다. 아래에 적혀 있던 비밀번호 안내 문구는 모두 지우고, 가운데에 창 하나만 두었습니다. 입장하면 게임 목록이 세로로 이어지는데, 새 게임이 맨 위에 오고 먼저 나온 게임은 한 칸씩 아래로 밀립니다.

첫 화면에서는 나가기가 안 되는 문제가 있었습니다. 크롬이 숫자 칸을 자동으로 채워 넣었고, 그래서 나가자마자 다시 들어가졌습니다. 숫자 칸은 일반 칸처럼 바꾸고 가리기만 했습니다. 자동 입장은 사람이 직접 친 글자에만 반응하도록 고쳤습니다. 고친 뒤 입장 흐름 시험 32개를 모두 통과했습니다.

올리기 전에는 사이트 검사와 입장 흐름 시험을 돌려 모두 통과한 것만 올렸습니다. 게임도 준비가 끝난 것부터 올렸습니다. 먼저 물풍선만 올려 실제 사이트에서 로그인하고 목록이 뜨는지 확인했습니다. 그다음에 블록 퍼즐을 두 번째로 올렸습니다.

게시판은 자유, 신고, 문의 세 종류로 나눴습니다. 자유 게시판은 누구나 볼 수 있고, 신고와 문의 글은 쓴 사람과 관리자만 볼 수 있습니다. 전화번호나 이메일, 링크가 든 글은 받지 않습니다. 개인정보가 새지 않게 하려는 규칙입니다.

게임 그림과 글자도 새로 만들었습니다. 홈페이지를 개편할 때 다른 사이트의 이름·그림·스타일 파일은 쓰지 않고 우리 부품으로 새로 그린다고 정했습니다. 이 첫 화면은 같은 날 저녁 오락실 입장 장면으로 한 번 더 바뀌었습니다.

다른 글