인프런 커뮤니티 질문&답변

현창이님의 프로필 이미지
현창이

작성한 질문수

Next + React Query로 SNS 서비스 만들기

faker.js와 /photo/[photoId]

svg를 public으로 빼지않고 그대로 컴포넌트에 넣는 이유가 궁금합니다.

작성

·

325

0

svg를 public으로 빼지않고 그대로 컴포넌트에 넣는 이유가 궁금합니다.

 

저는 public에 사용되는 svg를 다 넣어놓고 svgr을 이용해서 필요한 컴포넌트마다 import해서 사용하고 있습니다. (처음 next를 시작할 때 알려주신 분이 이렇게 사용하셔서)

그런데 Section 2까지 강의를 들으면서 보니 제로초님은 컴포넌트에 바로 svg를 삽입하시던데 혹시 성능에 차이가 있을까요?

 

두 방법중 어떤 것이 나을까요? 혹시 성능에 큰 차이가 없다면 제로초님의 방식이 편해보이는데.. 고민입니다.

 

 

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

svgr로 넣는게 성능상에는 더 좋을 수 있습니다. svg 최적화기인 svgo를 거치기 때문입니다. 인라인으로 넣는 건 그냥 간단해서입니다. 개수가 적으면 인라인으로 해도 무방합니다.

현창이님의 프로필 이미지
현창이
질문자

감사합니다 :)

현창이님의 프로필 이미지
현창이

작성한 질문수

질문하기