Dani's Dev TokTok

  • 홈
  • 태그

typeScript 1

[React] React에서 여러개의 svg 사용하기(with Typescript)

1. 서론전에 프로젝트 할때는 svg 가 복잡하다는 이유로 png 를 사용했었다. 사용하기는 편했지만 png는 일반적으로 파일 크기가 크기 때문에 최적화적인 측면에서 좋지 않았다.그래서 이번에 하는 프로젝트에서 최적화를 위해 아이콘을 png 가 아닌 svg 를 사용하고자 한다.리액트에서 svg 를 불러오는 방법은 여러가지가 있지만이번 프로젝트에서는 카테고리 종류에 따른 아이콘을 보여주기 위해 여러개를 사용하는 법에 대해서만 다루고자 한다. 2. 본론이번 프로젝트에서 카테고리가 대략 6개 정도 되는데 물론 6개 정도라면 svg 를 하나하나 import 를 해도 되지만 뭔가 개발자스럽지 않고 하드코딩같다는 생각이 들어서 여러 개의 svg 를 불러올 수 있는 방법을 구글링 했다.그 중 하나가 svg 를 저장하..

Study/React 2024.10.28
이전
1
다음
더보기
프로필사진

Dani's Dev TokTok

열심히 개발하는 다니니니니니니의 개발 블로그

  • 분류 전체보기
    • Study
      • Javascript
      • Typescript
      • React
      • Vue
      • Node.js
      • Java
      • HTML & CSS
      • Git
      • CS
    • Project
      • SeSAC 1차 팀 프로젝트
      • SeSAC 2차 팀 프로젝트
      • SeSAC 3차 팀 프로젝트
    • ETC
      • 주절주절

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Github

Copyright © AXZ Corp. All rights reserved.

티스토리툴바