AI 요약관련 정보

• 이미지 로딩 시 발생하는 문제점을 해결하기 위해 자체 서버를 구축해야 합니다. 🐏
• 서버는 이미지를 미리 처리하고 빠르게 제공해 줄 수 있는 /post 엔드포인트와 이미지를 제공해 줄 /get 엔드포인트를 제공합니다. 🌄
• Node.js와 Sharp 라이브러리를 사용하여 이미지를 저장하고, 썸네일 이미지를 생성합니다. 🖼️
• /get 엔드포인트는 요청받은 이미지의 최적의 크기와 품질로 이미지를 응답합니다. 📏
• Next.js의 이미지 컴포넌트를 사용하여 서버에서 제공하는 이미지를 로드하고, 로딩중인 상태를 표현할 떄 썸네일을 사용합니다. ⏳