Q. html 에서 src폴더 이미지 사용할 땐 import부터 해와야하는데, 만약 이미지가 100개가 넘어가면 어떻게 할까?
→ public 폴더에도 이미지 보관 가능
→ 리액트는 사이트발행 전에 html, js, css 파일을 압축함(bundling)
→ public 폴더에 있던건 압축안됨(온전히 파일이름을 보존함)
→ 그래서 html에서 public폴더 이미지 사용할 땐 그냥
**/이미지경로** <img src="/logo192.png" width="80%"/>→ 현재 이거는 codingapple.com에 발행시 문제 없음
→ 근데 codingapple.com/어쩌구/에 발행시 문제가 생김(서버가 달라지면 문제생김)
<img src="/어쩌구/logo192.png" width="80%"/>→ 이렇게 해야할 수도 있음.. ㅠㅠ
→ 이렇게 맨날맨날 수정하기 귀찮으면 public 폴더 이미지 쓰는 권장 방식을 쓰자
<img src=**{process.env.PUBLIC_URL + '/logo192.png'}** width="80%"/>→ {process~~} 는 내 사이트의 현재 경로를 의미함
