스프라이트 이미지 사용 이유가 궁금합니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
안녕하세요. 강의 잘 보고 있습니다.
여러 아이콘을 저장해놨다가 사용하는 방법도 있는데
스프라이트 이미지를 사용하시는 이유가 궁금합니다.
답변 1
3
안녕하세요! 질문 감사드립니다.
현재 프로젝트 결과물에서는 마커 이미지를 3개(피자, 고기, 컵)밖에 사용하지 않기 때문에, 말씀하신대로 스프라이트 이미지를 사용하지 않고 6개(3*2개)의 이미지를 따로 저장해도 문제가 없다고 생각합니다!
다만 아래와 같은 이유들로 스프라이트 이미지를 강의에 사용했습니다.
1. 아이콘을 많이 사용하도록 기능이 확장됐을 때, 전체 파일 용량이 줄어듭니다. 26개(13*2)의 작은 파일을 각각 불러오는 것과 2개의 스프라이트 이미지를 불러오는 용량을 비교하면 스프라이트 이미지가 더 작습니다.(약 20% 감소)
2. 강의 소스 코드를 제공해드리는 것이다보니 파일을 깔끔하게 관리하는 것이 좋겠다고 생각했습니다. 파일 수를 2개로 줄이고, 파일 이름을 하나하나 작성하는 대신 markerIndex로 아이콘을 가져오면 generateStoreMarkerIcon 함수가 좀 더 보기 좋을 것 같았습니다ㅎㅎ
감사합니다!
API 라우터를 사용해야 하는 경우에 대해
1
151
1
키보드 어떤 거 사용하시나요
1
352
1
next.js 멀티플 런타임 관련해서 질문 올립니다..
1
359
2
아주 기초적인 질문입니다.
1
324
1
서버사이드 렌더링을 할 때, 서버는 어디에 있는 건가요?
1
1173
2
수업을 듣다가 SSR에 관하여..
1
552
2
interface 와 type
1
377
1
엘리맨트들의 자식관계가 어떻게 이렇게 되나 궁금합니다.
1
385
1
onLoad함수 (script태그의 onLoad X)
1
429
1
dynamic에 대한 질문
1
450
1
SSR vs SSG
1
478
2
NoSSR 관련한 질문입니다:)
1
378
1
a tag 질문 !
1
328
2
8분 20초 배포 관련
1
325
2
안녕하세요! 구글 서치 콘솔에 등록하는 도중 다음 오류가 뜹니다
0
2682
2
emotion styles 파일이 빌드시 경고로 뜹니다.
1
439
1
naver map 이 출력되지 않습니다.
1
482
1
페이지에 site맵 존재시 next Link는 csr 처럼 싹가져오게 되나요?
1
266
2
Failed to load resource: the server responded with a status of 404 ()
1
1037
2
VSCode 익스텐션 궁금합니다.
1
358
1
상태관리 질문 있습니다!
1
454
1
swr에 대한 질문입니다. (용어 관련)
1
375
1
swr 질문입니다!
1
339
1
안녕하세요. span 태그의 부모에 display: flex 를 적용하는데 왜 적용되는지 아무리 생각해도 이해가 되지 않아 질문드립니다.
1
685
2