[👾 ErrorLog] Public 디렉토리 접근

어떤 에러인가?
* Public 디렉토리에 Tutorial 페이지에서 쓸 dummyData를 생성했는데 src/Tutorial.js에서 import 되지 않는 이슈

에러 메시지
```js
Module not found: You attempted to import ../../public/data/tutorialData which falls outside of the project src/ directory.
Relative imports outside of src/ are not supported.
```

에러 해결 방법
#### cra(creat-react-app)에서 import로 엮인 js, css, img등등의 컴파일은 src파일 안에서만 이뤄진다.
* public - 정적 파일을 넣는 디렉토리 (index.html을 비롯한 html 파일, img 등)
* src directory - 개발하면서 작업하는 파일 대부분을 넣는 디렉토리 (index.js, 그 외 리액트 컴포넌트 같은 js 파일, css 파일 등)
* dummyData를 json 파일로 생성 후 절대경로를 지정하는 방법이 있지만 js 파일로 만들거기 때문에 src 디렉토리로 이동
* 절대경로 지정하는 방법 - `{process.env.PUBLIC_URL + "경로"}`를 써주면 된다.

에러 해결을 위해 참고한 레퍼런스 링크
* https://bokjiho.medium.com/react-%EB%A6%AC%EC%95%A1%ED%8A%B8%EC%97%90%EC%84%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EA%B2%BD%EB%A1%9C-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0-public-src-%EB%94%94%EB%A0%89%ED%86%A0%EB%A6%AC-%EC%B0%A8%EC%9D%B4-fddb4f455c2a
* https://britny-no.tistory.com/21