정적 블로그의 시각 요소 표현 오류를 바로잡고 하단 안내 파셜의 노출 조건을 개편했으며, 세제개편 관련 포스트 보강을 포함해 16건의 커밋으로 총 1900줄을 늘리고 631줄을 줄였다.
차트 높이가 0으로 접혀 아무것도 안 보이던 화면
글 내부에 작성한 시각화 차트가 브라우저에서 제대로 표시되지 않고 높이가 0으로 접혀 사라지는 문제가 있었다. SVG 속성을 다루는 과정에서 유효하지 않은 auto 값을 높이 속성에 지정한 것이 원인이었으며, 이로 인해 도식이 들어갈 자리가 빈 공간으로 남거나 잘려서 나갔다. 단순 텍스트로만 구성되어 정보 전달력이 떨어지던 기존 포스트와 세제개편 관련 포스트에도 시각적 도식 보강이 필요했다.
속성 오류를 일으키던 라인을 직접 수정하여 높이가 정상 계산되도록 6줄을 추가하고 2줄을 삭제했다. 이와 함께 남은 텍스트 전용 글 2편에 64줄의 시각 요소를 보강하고, 기존에 나갔던 글 6편에 284줄을 추가하며 잘려 있던 차트를 다시 그렸다. 새로 작성한 세제개편 관련 글 3편에도 절마다 도식을 추가하여 352줄을 보강했다. 수동으로 도식 코드를 작성하고 레이아웃을 점검하는 작업 시간이 추가로 들었지만, 텍스트로만 나열되어 가독성이 떨어지던 한계를 해결했다.
수정 이후 높이 속성 오류로 인해 화면에서 접히던 차트가 정상적인 높이로 렌더링된다. 세제개편안을 다룬 근로장려금, 배우자 기본공제, 월세 세액공제 글 세 편 모두 각 절마다 도식이 배치되어 글로만 적혀 있던 내용이 구조화된 형태로 보인다.
맥락에 안 맞는 전자책 하단 안내가 노출되던 상황
글 하단에 들어가는 전자책 안내 영역이 글의 주제와 상관없이 일률적으로 출력되거나 작성 중인 초안 상태의 안내문까지 노출될 위험이 있었다. 특히 세금 관련 정보를 다루는 글 하단에 관련도가 떨어지는 개발 관련 전자책 안내가 붙어 글의 맥락을 해쳤다. 안내 파셜 내부에서 프레임워크의 폐기 예정 데이터 접근 구문이 사용되고 있어 향후 빌드 오류를 일으킬 여지도 존재했다.
전자책 안내 파셜에 조건 판단 로직을 추가하여 글의 주제와 전자책의 연관성을 검증하도록 바꿨다. 이 과정에서 91줄을 추가하고 36줄을 줄였으며, 연관성이 없는 세금 관련 글 2편에서는 323줄을 줄이고 321줄을 바꿔 해당 안내를 강제로 제거했다. 미완성 초안이나 카피가 채워지지 않은 항목은 노출되지 않도록 5줄의 가드 로직을 세웠고, 데이터 접근 구문도 1줄을 수정하여 최신 구문으로 교체했다. 세팅 입문서 포스트에는 정교하게 맞물리는 안내와 소개 링크를 붙였다.
전역적으로 하단 안내를 뿌리던 단순한 구조 대신 각 문서의 연관 키를 대조하는 조건식이 늘어났지만, 무분별한 노출로 인한 정보의 불일치를 막았다. 그 결과 세금 포스트처럼 주제가 맞지 않는 글이나 완결되지 않은 카피는 하단에 표시되지 않으며, 세팅 입문서와 같이 연관된 포스트에만 타겟 안내 영역이 노출된다.
미래 시각 설정으로 글이 빌드에서 사라지던 문제
월세 세액공제를 다룬 새 글이 정적 사이트 빌드 결과물에서 빠져 포스팅이 되지 않는 현상이 발생했다. 작성 시점의 타임존 오차로 인해 문서의 발행 날짜가 미래 시각으로 입력되었고, 미래 날짜의 글을 빌드 대상에서 제외하는 설정에 걸려 출력이 무시된 것이었다. 이와 별개로 개인정보처리방침 문서 내에 실제 운영 방식과 맞지 않는 문구가 포함되어 있었고, 광고 관련 식별 파일 설정도 정리할 필요가 있었다.
월세 글의 머리말에 적힌 발행 시각 데이터를 1줄 수정하여 현재 시각 이전으로 정정했다. 개인정보처리방침 파일 내에서 사실과 다르게 작성되어 있던 구문 2줄을 실제 작성 형태에 맞게 정정했다. 또한 광고 식별자 정보를 담은 파일과 설정 구문 224줄을 추가하고 222줄을 교체하여 배선을 끝냈다.
자동화된 시각 부여 방식을 그대로 믿지 않고 포스트 타임스탬프를 수동 검증해야 하는 번거로움이 생겼으나, 생성 시스템이 포스트를 무시하고 넘어가 발행이 누락되는 문제를 방지했다. 이제 미래 시각 오차로 인한 포스트 누락 없이 정적 사이트 빌드가 수행되며, 개인정보 명시 문구도 실제 블로그 운용 구조와 일치한다.
세제개편 글의 도식 추가와 차트 출력 버그 수정은 완료되었으나, 브라우저 해상도나 폰트 렌더링 조건에 따라 SVG 도식의 미세한 간격 오차가 발생할 가능성이 남아 있다.
2026-08-12 · 블로그 · 커밋 16건 (+1900/-631)
이 글은 그날의 커밋 기록을 바탕으로 자동 생성·발행되었다.