팟캐스트 Jekyll 블로그 빌드가 자꾸 멈춘다면? 이미지 변환 작업 무한 루프 탈출기

🎙️ 오늘의 팟캐스트

Jekyll 블로그 빌드가 자꾸 멈춘다면? 이미지 변환 작업 무한 루프 탈출기

 

📌 에피소드 주요 내용

• Jekyll 블로그 이미지 업로드 시 빌드 무한 루프 문제의 원인은 이미지 변환 플러그인의 상태 업데이트 오류
• 이미지 사전 최적화, 플러그인 비활성화 및 외부 CDN 활용, 이미지 분산 업로드 등 3가지 실전 해결책 제시
• 이미지 최적화와 명시적 크기 지정을 통한 안정적인 블로그 운영 전략 수립

 

 

🎧 전체 대본

지혜: 안녕하세요, 팟캐스트 ‘코딩과 커피’ 진행자 지혜입니다. 오늘 특별히 모신 분은 정년을 맞이하신 후 취미로 기술 블로그를 시작하신 노교수님이세요. 교수님, 반갑습니다!

박교수: 안녕하세요. 정년 후 여유로운 마음으로 블로그를 시작했는데, 예상 밖의 기술적 고민을 겪게 되었네요. 마크다운으로 글을 쓰고 Git으로 배포하는 것은 정말 즐거웠습니다. 하지만 두 달째 무렵, 사진을 올릴 때마다 빌드 작업이 중간에 멈춰버렸어요. 깃허브 액션 로그에는 ‘running jobs’에서 계속 도는데, 결국 시간초과로 실패했습니다.

지혜: 오, 그건 정말 답답하셨을 것 같네요. 그럼 원인이 뭐였어요?

박교수: 결국 Jekyll의 이미지 최적화 플러그인이 무한 루프에 빠지고 있었습니다. 플러그인이 여러 해상도로 이미지를 변환하는 작업 중에 상태를 제대로 업데이트하지 못하고 같은 작업을 반복하는 악순환에 빠진 것이죠. 특히 5MB 이상의 큰 파일, 한 번에 여러 장의 사진, 그리고 PNG와 JPG 같은 여러 형식을 섞어서 올릴 때 자주 발생했습니다.

지혜: 그래서 어떻게 해결하셨어요?

박교수: 세 가지 방법을 시도했습니다. 첫째, 업로드 전에 이미지를 직접 최적화했어요. TinyPNG 같은 도구로 1MB 이하로 압축하니 빌드 시간이 3분에서 30초로 단축되었습니다. 둘째, 이미지 변환 플러그인을 비활성화하고 대신 CloudFlare나 Imgix 같은 외부 CDN 서비스를 사용했습니다. 셋째, 한 번에 최대 3장씩만 업로드하도록 변경했죠.

지혜: 와, 정말 다양한 해결책을 시도하셨네요! 지금은 잘 운영되고 있으신가요?

박교수: 네, 이제 이미지는 항상 사전에 최적화하고, 플러그인의 자동 변환에 의존하지 않습니다. 대신 HTML의 srcset 속성을 직접 작성하거나 이미지 크기를 명시적으로 지정합니다. 빌드 오류가 없어지니 글 쓰는 데만 집중할 수 있게 되어, 오히려 포스팅 빈도도 높아졌습니다. 기술적 스트레스가 없는 것이 얼마나 큰 선물인지 깨달았어요.

지혜: 정말 멋진 경험담이네요! 혹시 같은 문제로 고생하시는 분들을 위한 조언이 있을까요?

박교수: 만약 Jekyll 블로그에서 비슷한 빌드 오류를 경험하신다면, 제시된 해결책들을 순서대로 시도해보시길 권합니다. 특히 이미지 사전 처리가 가장 간단하면서도 효과적입니다.

지혜: 좋은 조언 감사합니다, 교수님! 더 자세한 내용과 기술적 해결 방법들은 블로그 원문에서 확인하실 수 있어요. 오늘 흥미로운 이야기 나눠주셔서 감사합니다!

 

🔑 핵심 키워드

Jekyll, 이미지 최적화, GitHub Pages, 빌드 오류, 무한 루프

 

🔗 관련 링크

• 원문 보기: Jekyll 블로그 빌드가 자꾸 멈춘다면? 이미지 변환 작업 무한 루프 탈출기
• 블로그 홈: damesek.com