[#654] 자체 이미지 최적화 작업 #656
Merged
[#654] 자체 이미지 최적화 작업 #656
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
hanyugeon
added
🐥 프론트
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
⚡️ Lighthouse Average Scores Across Reports:
⚡️ Average Details Across All Reports:
|
gxxrxn
reviewed
Jul 9, 2024
Merged
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
구현 내용
Image 컴포넌트 작성
sharp라이브러리와api routes를 활용하여이미지 포맷 최적화를 구현했어요Next/Image컴포넌트를 랩핑하는 형식으로 구현했어요(이전에 사용했던
Next/Image들의props들을 그대로 사용할 수 있음을 의미합니다!)(
unoptimized = true를 넘겨주어 더 이상 vercel에서 이미지 캐싱을 진행하지 않아요.)pr 포인트
자잘한 수정사항이 있어 files changed 카운트가 12가 됐어요
아래 기재된 3가지 코드만 확인해주시면 될 것 같아요!
관련 이슈