도리쓰에러쓰

React에서 public 안에 있는 이미지폴더를 찾아가려는데 경로를 찾을 수 없다는 에러가 나왔다. 경로에 맞게 작성한줄 알았는데 알고보니 public폴더를 사용하려면 공식적인 방법이 있었다. 1. HTML : %PUBLIC_URL% 2. JavaScript : process.env.PUBLIC_URL 나는 JavaScript 코드에 설정했는데 아래 코드처럼 작성하였더니 이미지가 출력되었다. 이외에도 찾고 싶은게 있다면 아래의 공식 Document를 확인해보는 것이 좋을 것 같다. Using the Public Folder | Create React App Note: this feature is available with react-scripts@0.5.0 and higher. create-react-..

src 폴더에 이미지를 저장하고 태그로 적용하려고 했더니 적용이 안되서 방법을 찾아봤는데, src 폴더에 저장하면 상대경로로 바로 접근할 수 없다는 것을 알게 되었습니다. 그래서 아래와 같은 방법으로 [public] 폴더 안에 'images' 폴더를 넣었더니 이미지가 적용되는 것을 확인할 수 있었습니다. public 폴더에 저장하여 상대경로로 잡기 public 폴더 안에 [images] 폴더를 생성하여 안에 이미지 파일을 넣었습니다. 태그 안에 이미지 주소를 상대경로로 잡아 작성하였습니다.