팟캐스트 블로그 빌드가 멈췄다면? 이미지 변환 작업의 숨은 함정

🎙️ 오늘의 팟캐스트

블로그 빌드가 멈췄다면? 이미지 변환 작업의 숨은 함정

 

📌 에피소드 주요 내용

• Jekyll Chirpy 테마에서 고해상도 이미지 변환으로 인한 빌드 타임아웃 문제
• 이미지 사전 최적화, 타임아웃 연장, CDN 활용 등 세 가지 해결 방법
• CDN 외부 호스팅이 근본적이고 효율적인 해결책

 

 

🎧 전체 대본

지혜: 안녕하세요, 팟캐스트 <기술로 말하다=""> 진행자 지혜입니다. 오늘 스튜디오에 특별한 손님이 있어요. 기술 블로그 이전 과정에서 흥미로운 문제를 겪으신 노교수님을 모셨습니다. 환영합니다!

박교수: 고맙습니다, 지혜. 반갑습니다. 음, 사실 은퇴 후 한가한 시간에 예전 블로그를 정리하려다가 예상치 못한 기술적 난관에 부딪혔어요. 차분히 설명해드리겠습니다.

지혜: 구체적으로 어떤 문제를 겪으셨나요?

박교수: Jekyll Chirpy 테마로 이전한 후, 고해상도 사진을 몇 장 올렸는데 빌드 프로세스가 ‘이미지 변환’ 단계에서 꼼짝도 하지 않는 거였어요. 5분, 10분, 심지어 30분을 기다려도 진행이 없었습니다. 처음엔 네트워크 문제인 줄 알았지만, 결국 더 근본적인 원인이 있었거든요.

지혜: 오, 그것 때문에 블로그가 갇혀있었군요. 원인이 뭐였어요?

박교수: 크게 세 가지였습니다. 첫째, 5MB가 넘는 고해상도 사진을 한 번에 여러 장 업로드했다는 점. 둘째, 빌드 환경의 메모리 부족. 셋째, 타임아웃 설정이 기본값이어서 복잡한 변환 작업을 완료하지 못했다는 점이었어요. 알고 보니 이건 나만의 불운이 아니었습니다. Jekyll과 Gatsby 커뮤니티에서 꾸준히 보고되던 문제였거든요.

지혜: 아, 그럼 해결 방법들이 있었나요?

박교수: 물론이지요. 세 가지 실질적인 해결책이 있습니다. 첫째는 이미지 사전 최적화입니다. 업로드 전에 로컬에서 ImageMagick 같은 도구로 이미지를 압축하는 거죠. 제가 1920x1080 이하로 줄이고 파일 크기를 300KB 미만으로 만들었더니 빌드 시간이 3분대로 단축되었어요. 둘째는 타임아웃을 연장하는 방법인데, GitHub Actions의 workflow 파일에서 timeout-minutes를 600초 이상으로 설정하는 것입니다. 하지만 이것도 근본 해결책은 아니고요.

지혜: 그럼 셋째 방법이 가장 효과적이었어요?

박교수: 그렇습니다. 셋째는 외부 CDN을 활용하는 방법이에요. Cloudinary나 Imgix 같은 서비스에 이미지를 호스팅하면, 빌드 프로세스의 부담을 크게 줄일 수 있습니다. 저도 결국 이 방법으로 최종 정착했으니까요. 무엇보다 이미지 최적화는 그 자체로 SEO와 사용자 경험을 개선하는 좋은 습관이 됩니다.

지혜: 정말 실용적인 조언이네요! 같은 문제로 고민하시는 분들께도 큰 도움이 될 것 같아요. 더 자세한 내용과 구체적인 설정 방법은 블로그 원문에서 확인하실 수 있어요. 노교수님, 오늘 말씀 감사합니다!

박교수: 감사합니다.

 

🔑 핵심 키워드

Jekyll, 이미지 최적화, 빌드 성능

 

🔗 관련 링크

• 원문 보기: 블로그 빌드가 멈췄다면? 이미지 변환 작업의 숨은 함정
• 블로그 홈: damesek.com