1. 도입 배경이번에 진행하고 있는 프로젝트에서 프론트엔드 public 에셋들을 전부 CDN으로 옮기게 됐다. 왜 그런고하니... 현재 프로젝트는 Next.js 14버전에 App 디렉터리 방식의 라우팅을 하고 있는데, public 폴더에 있는 로컬 이미지를 Storybook이 절대경로로 인식하지 못하는 것이 가장 컸다. 당시 코드는 아래와 같다. 해당 코드로 이미지를 받아오게되면 개발 서버에서는 해당 URL에 이미지가 있기 때문에 잘 가져와주지만, storybook 서버를 실행하게 되면 public폴더에 있는 이미지를 불러오지 못하는 것을 볼 수 있다. 이를 해결하기위해 우선 Next.js 공식 docs를 보니, 로컬 파일을 어떻게 불러오는지에 대한 예제가 있었다.import Image from 'n..
