
SVG 스프라이트와 개별 SVG 아이콘 사용에 관한 개발 이야기들어가며개발 과정에서 우리는 종종 당연하게 여기는 패턴이나 방식들이 있습니다. 그 중 하나가 아이콘을 효율적으로 관리하기 위한 '스프라이트(Sprite)' 기법인데요. 최근 SNS 연동 기능을 구현하면서 이 접근 방식에 대해 다시 한번 생각해보게 되었습니다. 문제 상황: 아이콘 관리SNS 로그인 기능을 개발하면서 다양한 서비스의 로고들을 한 페이지에서 불러와야 했습니다. 네이버, 인스타, 틱톡, 페이스북 등 약 10개의 로고를 효율적으로 처리해야 했죠. 처음 고민했던 것은 무엇보다 '네트워크 요청 수를 줄이는 것'이었습니다. 첫 접근: PNG 스프라이트전통적인 웹 최적화 기법으로, 여러 이미지를 하나의 큰 이미지 파일로 합친 후 CSS의 ba..
react
2025. 5. 15. 21:52
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 스토리 북
- 노개북
- NextApiRequest
- createPortal
- import/order
- Storybook
- nodejs
- WSL2
- 윤성우 열혈C프로그래밍
- 초보
- NextRequest
- 노마드코더
- jest
- javascript
- error
- CLASS
- env
- 프론트앤드
- 원티드
- 프리온보딩
- electron
- C언어
- React
- 아차산
- TopLayer
- 우아한테크코스
- nextjs
- 위코드
- 북클럽
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함