문문동준 개발 블로그수정사항
MIRO 스크롤 탑바와 게시물 탐색 개선
검증 대기검색창을 포함한 탑바가 스크롤 중 작게 유지됩니다. 헤드라인은 본문과 함께 스크롤되고, 글 하단에 한 번 더 표시됩니다.
작업 결과
이전·다음 게시물 링크를 방향 아이콘, 이동 방향, 제목으로 구분했습니다. 변경 커밋 36abbd3을 블로그 main에 푸시했습니다.
변경 내용
적용 내용
- 사용자 요청 순서대로 헤드라인 고정 해제와 본문 아래 재배치, 읽는 중 제목과 이전·다음 링크 개편을 반영했습니다. 후속 요청으로 탑바와 검색창도 유지했습니다.
build.mjs에서 헤드라인을 재사용하고,page-navigation.js에서 원래 제목이 탑바 위로 넘어갈 때 읽는 제목을 표시합니다.
page.toggleAttribute('data-reading-title', Boolean(
articleHeading && articleHeading.getBoundingClientRect().bottom <= utility.getBoundingClientRect().bottom
));
검증
빌드에서 게시물 154개와 이미지 참조 214개를 확인했습니다. 헤드리스 Chrome에서 스크롤 후 탑바 위치가 0이고 두 헤드라인 모두 일반 흐름에 있는 것을 확인했습니다. 390px 화면에서 가로 넘침 없이 검색창과 읽는 제목이 표시됐습니다.




남은 사항
운영 게시물에서 새 탑바 모듈 응답을 확인했습니다. 전역·프로젝트 지침은 변경 사항이 없습니다.
작업 시간
- 제안 시간: 4~6분
- 실제로 완료된 시간: 운영 페이지 적용 확인까지 약 6분 43초. 19:08:30 KST 기록.
- XERJ: 미사용 — 코드 검색 근거가 제공되지 않았습니다.
Tracefolio REPORTS & ISSUES