B급코딩

B급코딩

250x250
  • 분류 전체보기 (33)
    • IT용어 아는척 하기 (9)
    • 구글 애널리틱스(GA) (7)
    • React, Javascript (10)
    • ReactNative (4)
    • DB(DataBase) (1)
    • 개발자의 독서 (0)
    • CICD (2)
  • 홈
  • 태그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

B급코딩

컨텐츠 검색

태그

Jenkins Shared Libraries React Flux GTM 활용법 도커 라이프사이클 Docker React Redux GA 설치 컨테이너 기술 도커 container 기술 REACT GA api Jenkins Library Flux pattern Jenkins docker base image typeScript React MVC GTM 맞춤HTML cicd pipeline

최근글

댓글

공지사항

아카이브

React image(1)

  • [React] 이미지 사용의 모든 것(feat. SVG, SVGO)

    웹사이트를 제작하다보면 필수적으로 이미지 파일을 사용해 화면을 구성해야 하는 일이 생긴다. (안 생긴다면 그 사이트 제작은 지금 끝내라) Front-End 라이브러리로 React를 사용한다면 이미지를 사용하는 방식이 여러가지일 것이다. 어떤 상황에서 어떤 방식이 맞는지, 혹은 사용법이 정확한지 알기 힘들다. 그래서 이번 포스팅에서는 리엑트에서 이미지를 활용하는 법에 대해 정리하고자 한다. 1. Pubilc 폴더에 이미지 파일 위치시키고 활용 ❗️제일 간편하고 직관적인 방법이다. Create React App으로 프로젝트를 생성하면 Public 폴더에 index.html을 비롯한 정적 파일이 있다. 여기에 images 폴더를 만들고 이미지 파일을 넣어둔다. 그리고 실제 이미지를 활용할 소스 코드에서는 아래..

    2022.01.14
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바