그알것 — 그럼에도 알아야 할 것들
홈질문커뮤니티
로그인
그알것 — 그럼에도 알아야 할 것들

Service

  • 홈
  • 소개
  • 질문
  • 커뮤니티

My

  • 내 워크스페이스
  • 저장한 질문
  • 작성한 답변

Policy

  • 이용약관
  • 개인정보처리방침
  • 문의

© 2026 그알것 · What Still Matters

질문 목록Performance
Performance

기본 img 대신 next/image를 사용하는 이유는 무엇인가요?

실무4/5
설계4/5
인간4/5
기초1/5

면접관의 질문 의도

도구 선호가 아니라 성능 이점, 운영 제약, 대안까지 같이 놓고 우리 환경에서의 선택 근거를 들 수 있는지 가르려는 질문이다.

큐레이션 답변

학습 자료

next/image는 기본 img가 해주지 않는 포맷 변환, 사이즈 변형, lazy 로딩, placeholder 처리를 프레임워크 차원에서 자동으로 한다. 덕분에 같은 컴포넌트 한 줄로 디바이스·네트워크에 맞는 이미지를 내려주고 LCP 개선 효과를 노릴 수 있다. 다만 외부 도메인 화이트리스트, 최적화 서버(또는 빌드 시 변환) 의존, 정적 export·CDN 정책 같은 운영 제약이 같이 따라붙기 때문에, 우리 환경에서 그 비용을 지불할 가치가 있는지가 선택의 핵심이 된다.

좋은 답변 구조

  1. 01next/image가 기본 img 대비 떠안아 주는 작업을 정리한다
  2. 02성능·UX 이점을 LCP 같은 구체 지표와 함께 짚는다
  3. 03외부 도메인·최적화 인프라·정적 export 같은 운영 제약을 함께 말한다
  4. 04기본 img나 외부 이미지 서비스를 골라야 하는 상황을 기준으로 제시한다

자주 실수하는 포인트

next/image를 모든 상황의 정답으로 단정하고 트레이드오프를 빼먹는다
외부 이미지 도메인 화이트리스트 설정을 빠뜨려 빌드/런타임에서 막힌다
LCP 후보 이미지에까지 lazy loading을 걸어 첫 화면 성능을 오히려 깎는다

실무 맥락

  • 콘텐츠 이미지 비중이 커서 LCP가 성능 점수의 대부분을 결정하는 서비스
  • 상품 목록·상세처럼 같은 이미지가 여러 사이즈로 노출되는 페이지
  • 정적 export나 외부 CDN 정책 때문에 이미지 최적화 인프라 선택이 갈리는 배포 환경

본인 경험에 녹이는 힌트

next/image 도입 전후로 LCP가 어떻게 움직였는지 측정한 경험이 있다면 비교 근거로 연결할 수 있다

외부 이미지 공급자와의 도메인·최적화 정책을 정리해 본 적이 있다면 운영 제약 판단으로 엮을 수 있다

어떤 이미지에 priority를 줄지 기준을 잡아 본 경험이 있다면 자동 치환의 한계를 말할 수 있다

커뮤니티 인기 답변

전체 0개

아직 공개된 답변이 없어요. 첫 공개 답변을 남겨보세요.

관련 꼬리 질문

Q1next/image에서 priority를 어떤 기준으로 설정하나요
Q2커스텀 로더를 사용할 때 고려할 점은 무엇인가요
Q3정적 export 환경에서 이미지 최적화는 어떻게 처리하나요
아직 답을 쓰지 않았어요.
큐레이션 답변과 다른 사람 답변을 보고, 자기 언어로 답을 정리해보면 학습 효과가 가장 큽니다.
목차
  • 01면접관의 질문 의도
  • 02큐레이션 답변
  • 03좋은 답변 구조
  • 04자주 실수하는 포인트
  • 05실무 맥락
  • 06본인 경험에 녹이는 힌트
  • 07커뮤니티 인기 답변준비중
  • 08관련 꼬리 질문