[React Native] 좌충우돌 리액트 네이티브에서 이미지 스프라이트 기법 사용하기
1. 사용 계기프론트엔드 개발 중 동적인 이미지 구현을 하고 싶을 때가 있음. 이번 프로젝트에서 사용할 일이 생겼었다. 개발을 모르던 나도 알았던 gif를 사용해볼까도 했는데, gif의 단점인 동적 제어(재생, 정지)가 안되는 점이 이번 프로젝트에서 가장 큰 문제여서 다른 방식을 찾아보던 중 이미지 스프라이트 기법을 알게 됨. 이미지를 행과 열로 배치하고, 그걸 번갈아서 보여줌으로서 동적인 느낌을 선사할 수 있다. 장점은 여러가지가 있는데 일단 이미지 하나니까 gif 대비 가볍고, 여러가지 이미지를 배치하면 그 순서와 조합에 따라 다양한 동적인 움직임을 선사할 수 있다!(하지만 시간은 그리 많지 않아서 결국 저 둘만...) 나는 흔히 사용하는 기법이라고 생각해서 이미 라이브러리들이 많지 않을까 싶어..
2024.12.25