Next 프로젝트 production 모드에서 <image> 사용 시 sharp 추가하기

안녕하세요:) 개발자 우디입니다! 아래 내용 관련하여 작업 중이신 분들께 도움이되길 바라며 글을 공유하니 참고 부탁드립니다😊
(이번에 벨로그로 이사오면서 예전 글을 옮겨적었습니다. 이 점 양해 부탁드립니다!)

작업 시점: 2022년 2월

배경

• 개발 완료 후 테스트를 진행하는 중에 Sharp Missing In Production 워닝이 나옴.
• 이 워닝을 해결하는 과정을 정리해보고자 함.

'Sharp Missing In Production'관련 내용 in Docs

• 아래와 같이 설명하고 있음
  
  
• next/image 컴포넌트는 개발모드에서는 빠르고 적합한 squoosh 를 기본 로더로 사용하지만, 프로덕션 모드에서는 sharp 사용을 강력히 권장한다고 나와있음.
• 그래서 이번 mvp 프로젝트에도 sharp 라이브러리를 추가해 줌.

   // package.json
   "sharp": "^0.30.0",

배우고 느낀 점

• 워닝 하나도 놓치지 않고 해결할 수 있는 꼼꼼한 사람이 되어서 보다 완벽한 결과물을 만들어내도록 앞으로도 노력해야겠다