Next.js2 블로그 다국어 자동화 (hreflang, AI번역, 국제화라우팅) 블로그 다국어 자동화 (hreflang, AI번역, 국제화라우팅)솔직히 저는 한국어 블로그에 영어권 유입이 이렇게 있을 줄 몰랐습니다. 구글 애널리틱스를 우연히 들여다보다가 개발 관련 글 몇 편이 해외에서도 꽤 읽힌다는 걸 발견했고, 그날 바로 다국어 자동화 시스템을 만들기로 결심했습니다. 직접 구축해보니 일반적으로 알려진 것보다 훨씬 손이 많이 가는 작업이었고, 특히 hreflang 설정에서 예상치 못한 함정을 만났습니다. hreflang 자동 삽입, 설정 하나 잘못됐을 때 생기는 일시스템 구성 자체는 단순한 편이었습니다. 글이 발행되면 AI 번역 API를 호출해 영어(/en/)와 일본어(/ja/) 정적 페이지를 각각 생성하고, 각 페이지의 head에 hreflang 태그를 자동으로 넣는 스크립트를 짰.. 2026. 7. 5. 블로그 썸네일 자동화 (object-fit, AI 생성, 파이프라인) 깔끔한 썸네일이 오히려 독자를 쫓아낸다면 믿겠습니까? 저도 처음엔 말도 안 된다고 생각했습니다. 블로그 카드 UI를 처음 만들면서 이미지 크기가 제각각인 문제를 해결하느라 몇 주를 보냈는데, 막상 자동화를 완성하고 나서 새로운 문제가 기다리고 있었습니다. 썸네일 자동화의 시작부터 그 함정까지, 제가 직접 겪은 과정을 풀어보겠습니다.이 경험을 쓰면서 계속 드는 생각은, 기술적 문제를 해결한 뒤에 사람의 문제가 기다리고 있다는 겁니다. 이미지 크롭 문제를 코드로 해결했더니 시각적 단조로움이라는 UX 문제가 나타났고, 그걸 해결했더니 저작권 문제가 생겼습니다. 자동화는 문제를 없애는 게 아니라 문제의 성격을 바꿔놓는다는 것을, 이 과정에서 배웠습니다.object-fit으로 크롭 문제 해결하기처음 블로그 카드 .. 2026. 6. 15. 이전 1 다음
