• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 이미지 넣는 법 & public 폴더 이용하기

이미지 넣는 법 & public 폴더 이용하기

  • 이 주제에는 2개 답변, 2명 참여가 있으며 berry2 년, 6 월 전에 전에 마지막으로 업데이트했습니다.
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 글쓴이
  • #64302

    berry
    참가자
    {process.env.PUBLIC_URL + "/img/shoes1.jpg"}
    이미지 폴더경로를 public으로 옮긴 후 이렇게 작성하는 부분은 이해했습니다!
    
    그런데 bg이미지 영역은 css부분에 따로 써줬거든요
    css파일에서는 background-image: url('../public/img/bg.png'); 이렇게 해주니까 이미지가 정상적으로 뜨긴 하는데요
    이렇게 쓸 경우 말씀해주신 배포시 문제( .../어쩌구/ 경로에 배포할 때)가 생길 거 같은데
    css파일에도 권장되는 작성법이 따로 있을까요?
    #64392

    codingapple
    키 마스터
    package.json에 homepage속성 조절하면 npm run build시 저것도 그걸로 바뀔걸요
    #64407

    berry
    참가자
    감사합니다! 🥰
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠