팟캐스트 Jekyll 블로그 빌드가 자꾸 멈춘다면? 이미지 변환 작업 무한 루프 탈출기
🎙️ 오늘의 팟캐스트
Jekyll 블로그 빌드가 자꾸 멈춘다면? 이미지 변환 작업 무한 루프 탈출기
📌 에피소드 주요 내용
- Jekyll 블로그 빌드 시 이미지 변환 플러그인의 무한 루프 버그 발생
- 이미지 사전 압축, 플러그인 비활성화, 업로드 분산을 통한 세 가지 해결책 제시
- 이미지 최적화와 외부 CDN 활용으로 안정적이고 즐거운 블로그 운영 실현
🎧 전체 대본
지혜: 안녕하세요, 여러분! 오늘은 특별한 손님을 모셨어요. 노교수님, 환영합니다!
박교수: 감사합니다, 지혜. 반갑네요. 은퇴 후 새로운 취미로 기술 블로그를 시작했는데, 예상 밖의 문제를 겪게 되었거든요.
지혜: 아, 그렇군요! 어떤 문제였어요?
박교수: Jekyll 블로그에 사진을 올릴 때마다 빌드 작업이 중간에 멈춰버리는 현상이었습니다. 깃허브 액션 로그에서는 계속 ‘running jobs’ 메시지만 나오다가 결국 시간초과로 실패하곤 했죠. 처음엔 인터넷 속도 문제라고 생각했는데, 같은 글을 여러 번 올려도 같은 현상이 반복되었습니다.
지혜: 와, 답답하셨겠네요. 그럼 원인이 뭐였어요?
박교수: 결국 이미지 변환 작업이 무한 루프에 빠진 게 범인이었습니다. Jekyll의 이미지 최적화 플러그인이 큰 용량의 이미지나 여러 이미지를 동시에 처리할 때 변환을 완료하지 못하고 계속 반복하는 버그였던 거죠. 특히 5MB 이상의 고해상도 사진이나 여러 형식의 이미지를 섞어서 올릴 때 더 자주 발생했습니다.
지혜: 그럼 어떻게 해결하셨어요?
박교수: 세 가지 방법을 시도했습니다. 첫째는 업로드 전에 이미지를 미리 압축하는 것인데, TinyPNG 같은 도구로 1MB 이하로 줄이자 빌드 시간이 3분에서 30초로 단축되었습니다. 둘째는 _config.yml에서 이미지 변환 플러그인을 비활성화하고 CloudFlare 같은 외부 CDN으로 넘기는 방법이었고, 셋째는 한 번에 3장씩만 커밋하는 식으로 업로드를 분산하는 거였습니다.
지혜: 오! 특히 어떤 방법이 가장 좋으셨어요?
박교수: 저는 첫 번째와 두 번째를 함께 사용하는 것이 가장 안정적이었습니다. 이제는 이미지를 항상 사전에 최적화하고, HTML의 srcset 속성을 직접 작성해서 반응형 이미지를 처리합니다. 이렇게 하니 빌드 오류로 인한 스트레스가 사라졌고, 글 쓰는 데만 집중할 수 있게 되었거든요.
지혜: 정말 좋은 경험담이네요! Jekyll 블로그를 운영하시는 분들이 참고하면 정말 도움이 될 것 같아요. 더 자세한 내용과 구체적인 해결 과정은 블로그 원문에서 확인하실 수 있어요!
🔑 핵심 키워드
Jekyll, 이미지 최적화, 빌드 오류, 무한 루프, GitHub Pages
🔗 관련 링크
- 원문 보기: Jekyll 블로그 빌드가 자꾸 멈춘다면? 이미지 변환 작업 무한 루프 탈출기
- 블로그 홈: damesek.com