본문 바로가기

analogcoding

검색하기
analogcoding
프로필사진 be well

  • 분류 전체보기 (176)
    • Hobby (0)
      • Treasure (0)
    • Be well coding (122)
      • CSE (1)
      • In Pre (2)
      • In Immersive (64)
      • Learn more (41)
      • Mine (14)
    • Study JS for me (39)
      • Array Method (4)
      • Keyword (19)
      • Algorithm (16)
    • Mini Project (13)
      • 포스기 만들기 (3)
      • OwlPost (앱) (8)
      • 개고수 (웹) (2)
      • 짠 (앱) (0)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2020/05   »
일 월 화 수 목 금 토
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
Tags
  • ftech
  • array
  • 취업
  • 해커톤
  • method
  • 공부
  • DOM
  • 클라이언트
  • nqueens
  • 리액트
  • 알고리즘
  • 엔퀸즈
  • 일상
  • 포스기
  • JavaScript
  • underscores
  • 연습
  • 개발
  • 자바스크립트
  • vscode
  • underbar
  • JS
  • this
  • grpahQL
  • 코딩
  • Instantiation Patterns
  • 코드스테이츠
  • react
  • 초보
  • 제일어려워
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록2020/05/29 (1)

analogcoding

react 에서 SVG 아이콘 컴포넌트로 사용하기.

svg 파일을 추가하면 element 형태로 나타나는데 이를 컴포넌트화해서 사용하는 방법이다. const Logo = ({ color = "#080405", width = 80, height = 120 }: LogoProps) => ( ... 원하는 색상과 크기에 맞춰 사용할 수 있게 컴포넌트화해서 사용. 크기는 style 속성으로 컨트롤하고 색상은 path 부분에 fill 에 적용.

Be well coding/Mine 2020. 5. 29. 09:25
Prev 1 Next

Blog is powered by kakao / Designed by Tistory

티스토리툴바