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

kyongah님의 프로필 이미지

작성한 질문수

Next.js 시작하기(feat. 지도 서비스 개발)

Marker UI 그리기

스프라이트 이미지 사용 이유가 궁금합니다.

해결된 질문

작성

·

646

1

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

 

안녕하세요. 강의 잘 보고 있습니다.

여러 아이콘을 저장해놨다가 사용하는 방법도 있는데

스프라이트 이미지를 사용하시는 이유가 궁금합니다.

답변 1

3

박용주님의 프로필 이미지
박용주
지식공유자

안녕하세요! 질문 감사드립니다.

현재 프로젝트 결과물에서는 마커 이미지를 3개(피자, 고기, 컵)밖에 사용하지 않기 때문에, 말씀하신대로 스프라이트 이미지를 사용하지 않고 6개(3*2개)의 이미지를 따로 저장해도 문제가 없다고 생각합니다!

다만 아래와 같은 이유들로 스프라이트 이미지를 강의에 사용했습니다.
1. 아이콘을 많이 사용하도록 기능이 확장됐을 때, 전체 파일 용량이 줄어듭니다. 26개(13*2)의 작은 파일을 각각 불러오는 것과 2개의 스프라이트 이미지를 불러오는 용량을 비교하면 스프라이트 이미지가 더 작습니다.(약 20% 감소)
2. 강의 소스 코드를 제공해드리는 것이다보니 파일을 깔끔하게 관리하는 것이 좋겠다고 생각했습니다. 파일 수를 2개로 줄이고, 파일 이름을하나하나 작성하는 대신 markerIndex로 아이콘을 가져오면 generateStoreMarkerIcon 함수가 좀 더 보기 좋을 것 같았습니다ㅎㅎ

감사합니다!

kyongah님의 프로필 이미지

작성한 질문수

질문하기