개발
코드 / 아키텍처 / 디버깅
-
통계 기반 로또 번호 생성기 페이지 신설
통계 기반 번호 생성기 페이지(/generator)를 새로 올렸다.
읽기 → -
로또 당첨 조회 API 전환과 파이프라인 재시도 안정성 강화
외부 API가 바뀌었다. 그것도 조용히.
읽기 → -
SEO 메타 태그 날짜 파싱 오류를 방어적 타입 변환으로 수정
사소해 보이는 한 줄 수정이었는데, 막상 파고들면 타입 안전성과 SEO 파이프라인 전체가 걸린 문제였다.
읽기 → -
게임 서비스 SNS 공유 메타태그 접근성과 크롤러 최적화 보완
index.html 하나 파일에 메타태그 몇 줄 추가했다. 그런데 이게 생각보다 좀 더 챙겨야 할 맥락이 있어서 짧게 정리해둔다.
읽기 → -
포트폴리오 사이트 SEO 메타 풀세트를 한 번에 정비
포트폴리오 사이트의 SEO 메타 풀세트를 한 번에 몰아서 보강했다. keywords, robots, og:site_name, twitter:image:alt, 그리고 Person JSON-LD까지 — 단일 HTML 파일 하나에 꽤 많은 게 들어갔다.
읽기 → -
블로그 포스트에 Open Graph article 메타 태그 풀세트 적용
블로그 post 페이지에 article:* Open Graph 메타 태그를 빠짐없이 박아 넣었다.
읽기 → -
블로그 SEO 태그 완성과 Thymeleaf 경고 정리
블로그 글 SEO 메타태그 풀세트 적용하면서 Thymeleaf 3.1 deprecated 경고도 같이 정리한 작업이다.
읽기 → -
루트 레이아웃 한 파일로 서비스 전체 SEO 메타 일괄 정비
layout.tsx 한 파일에서 메타 풀세트를 뜯어고쳤다.
읽기 → -
운세 슬러그 페이지에 아티클 OG 메타 구조 추가
Base.astro에 article 메타 props를 뚫고, star/[slug].astro에서 실제로 넘겨주는 작업을 했다.
읽기 → -
아티클 페이지 Open Graph 메타 분리로 SEO 파이프라인 완성
Base.astro에 article 전용 메타 props를 뚫고, [slug] 페이지에서 그걸 내려보내는 작업을 했다.
읽기 → -
Astro 블로그에 아티클 SEO 메타 네 가지를 뒤늦게 추가한 이유
Astro 기반 블로그에 article 메타 풀세트를 박았다. published, modified, author, tag — 네 가지를 한 번에.
읽기 → -
Course 페이지에 누락된 OG 아티클 메타 태그 추가로 SNS 공유
Course 페이지 SEO 작업 중 OG 메타 누락을 발견해서 article:* 타입 태그를 추가했다.
읽기 → -
블로그 전체 글에 OGP 아티클 메타 태그 추가해 SEO 신선도 신호 확보
Post.astro 레이아웃에 article:* 메타 태그 풀세트를 밀어 넣었다.
읽기 → -
SNS 공유 썸네일 깨짐, OG 이미지 포맷 교체로 해결
SNS 공유할 때 썸네일이 안 뜨는 문제를 잡았다.
읽기 → -
games-hub에 SEO 메타태그를 추가해 검색 노출 기반을 마련했다
games-hub 페이지에 SEO 메타태그(keywords, author)를 추가했다.
읽기 → -
사이트 전체 SEO 메타 통합 정리로 크롤러 혼선 해소
BaseHead.astro 하나 건드렸을 뿐인데, 이게 생각보다 꽤 넓은 범위에 영향을 준다.
읽기 → -
Thymeleaf SEO 메타 태그를 단일 프래그먼트로 통합
5개 템플릿에 흩어져 있던 head 메타 블록을 fragments/seo.html 단일 호출로 통합했다.
읽기 → -
브랜드 리뉴얼 후 OG 이미지 교체와 캐시 무효화
OG 이미지를 교체했다. 파일 하나짜리 작업이지만, 사실 이게 "그냥 이미지 바꾸기"로 끝나는 작업은 아니다.
읽기 → -
광고 슬롯과 제휴 박스 CSS를 레이아웃에서 분리한 리팩터링
레이아웃 파일 하나에서 광고 슬롯 마크업을 정리하고, CSS를 분리하는 리팩터링을 진행했다.
읽기 → -
전체 페이지 UI를 한 번에 묶어 다듬은 이유와 CSS 일관성 확보 전략
한꺼번에 여러 페이지를 묶어서 UI를 다듬었다. about, contact, courses, course-detail, index 다섯 개 템플릿과 공통 styles.css 까지, 사실상 사용자가 보는 화면 전체를 한 번에 손댄 커밋이다.
읽기 →