홈에서는 새 메뉴가 보이지만 내부 페이지로 들어가면 예전 메뉴가 다시 나타나는 문제가 있었습니다. 사용자는 같은 사이트 안에서 구조가 바뀐 것처럼 느끼고, 어느 메뉴가 기준인지 판단하기 어려웠습니다.
원인 확인
홈은 SPA 헤더를 사용하고 있었지만 AI 실험, 가이드, 정책, 글 게시판 등 여러 정적 페이지와 서버 렌더링 글 페이지가 각각 별도의 헤더 HTML을 가지고 있었습니다. 홈만 바꾸면 내부 페이지에는 이전 메뉴가 그대로 남는 구조였습니다.
수정 방법
공개 메뉴를 앱·AI 써보기, 프로젝트·사례 보기, 자료·가이드 배우기, 추천 도구 찾기, 함께 만들어요의 다섯 개로 고정했습니다. 검색, 글쓰기, 프로필은 우측 공통 행동으로 분리했습니다. 정적 페이지와 서버 렌더링 글 페이지도 같은 네비게이션을 사용하도록 수정했습니다.
검증 기준
각 메뉴는 클릭했을 때 실제 페이지가 열리고, 열린 페이지에서도 동일한 메뉴가 유지되어야 합니다. 404, 빈 화면, 옛 메뉴 재등장, 로그인 기능 단절 중 하나라도 있으면 완료로 보지 않습니다. 배포 후에는 공개 URL에서 직접 응답을 확인합니다.
재사용 포인트
- 공통 헤더가 여러 파일에 복제돼 있는지 먼저 찾습니다.
- 홈뿐 아니라 정적 페이지와 서버 템플릿도 함께 검사합니다.
- 메뉴명과 실제 도착 페이지의 역할이 일치하는지 확인합니다.
- CI에서 옛 네비게이션 패턴이 다시 들어오면 실패하도록 보호합니다.
사람 중심 실용성, 실제 문제·수정 경험, 구조화, 검증 방법, 재사용 가능성을 포함해 작성했습니다.
추가 분석: 하나의 메뉴를 여러 페이지에서 같은 뜻으로 쓰기
메인 화면과 상세 글에서 메뉴 이름이 다르면 독자는 같은 기능이 두 곳에 있는지 다른 기능인지 구분하기 어렵습니다. 메뉴를 통일할 때 링크 텍스트만 맞추면 목적지는 여전히 달라질 수 있습니다. 저는 이름, 순서, 실제 이동 주소를 한 묶음으로 대조하고 글 상세에서도 같은 탐색 경로가 보이는지를 확인하도록 정리했습니다.
공통 네비게이션을 수정하면 여러 화면에 영향을 주므로 메인뿐 아니라 실제 게시글과 자료 페이지를 함께 읽어야 합니다. 작은 모바일 화면에서는 메뉴가 겹치거나 버튼을 가릴 수 있습니다. 이 점검은 실제 모바일 화면 관찰이 필요하며 소스에 같은 문자열이 있다는 검사만으로 통과 처리하지 않습니다. 현재 검증한 화면과 확인하지 못한 외부 연동은 별도로 기록합니다.
직접 따라 해보기
누가 하나요?
실제 사이트 개선 과정을 읽고 자신의 작업에 적용할 작성자·운영자
찾아갈 곳
사례 게시판과 공개 검증 기록에서 현재 기록을 읽습니다.
그대로 복사할 것
문제와 발생 위치: 수정 전 상태: 바꾼 한 가지: 직접 확인한 화면 / 결과: 아직 확인하지 못한 부분: 다음 행동:
실행자가 직접 할 행동
- 문제의 실제 화면과 입력 조건을 기록합니다.
- 수정할 범위를 한 가지로 정하고 이전 상태를 보존합니다.
- 수정 후 원래 문제가 발생한 경로에서 결과를 읽습니다.
- 확인한 결과와 미검증 기능을 구분해 저장합니다.
끝났는지 확인하는 방법
원래 경로에서 문제가 해결되고 기존 데이터와 권한이 유지됐는지 확인한 범위만 완료로 기록합니다. 다른 서비스 연동은 별도 검증이 필요합니다.
추가 확인 자료와 한계
이 보강은 기존 사례의 원문을 보존하고 선택 이유·실패 분기를 추가한 AI 보조 편집입니다. 인간 작성 비율이나 업무 효율을 측정한 기록이 아닙니다. 추가 검증 기록에서 실제 함수 검사와 설명용 예시를 구분해 읽을 수 있습니다. 문제가 다시 발생하면 원문과 실제 화면을 대조하고 문의에 공개 가능한 최소 정보를 남겨주세요.
다시 메뉴가 달라졌을 때 대조할 세 화면
| 시작 화면 | 누를 메뉴와 목적지 | 다르면 남길 기록 |
|---|---|---|
| 홈 | 자료·가이드 배우기 → /guides.html | 메뉴 이름은 같은데 다른 게시판에 도착하는지 |
| 가이드 목록 | 프로젝트·사례 보기 → /articles | 상단에 예전 메뉴가 다시 나타나는지 |
| 글 상세 | 홈의 공통 메뉴와 이름·순서 대조 | 글 상세에만 없는 메뉴 또는 잘못된 링크 |
이 사례에서 고친 것은 페이지마다 따로 남아 있던 탐색 경로입니다. 따라서 처음 열리는 홈 한 화면만 보는 대신 홈 → 가이드 목록 → 사례 글 상세로 이동하면서 같은 메뉴가 이어지는지 기록해야 합니다. 버튼 문구가 같더라도 목적지 주소가 다르면 다른 오류입니다. 화면 이름, 누른 메뉴, 도착한 주소 세 칸을 함께 적으면 문제를 재현할 수 있습니다.
검사는 같은 브라우저와 로그인 상태에서 시작합니다. PC 메뉴가 일치해도 작은 화면에서 줄이 겹치는 문제는 따로 볼 항목입니다. 공개 가이드와 사례를 읽는 데 관리자로 로그인할 필요는 없습니다. 이 비교표는 재점검 방법이며 모든 기기에서 이번 표를 실행했다고 주장하지 않습니다.
2026년 10월 8일 편집: 다른 운영 사례와 겹치던 공통 문단을 메뉴 목적지 비교표로 바꾸었습니다.
공유된 첨부파일이 없습니다.