react 파일 추가 위치 public src
React 프로젝트에 JSON 데이터베이스 파일을 추가하는 방법은 여러 가지가 있습니다. 파일을 어디에 배치할지는 주로 프로젝트의 구조와 데이터 파일의 용도에 따라 달라집니다. 일반적인 방법은 `public` 또는 `src` 디렉토리 내에 JSON 파일을 두는 것입니다. ### 1. `public` 디렉토리 `public` 디렉토리에 JSON 파일을 두면, 이 파일은 정적 자산으로 간주되며, 애플리케이션이 빌드될 때 그대로 복사됩니다. 이를 통해 서버에서 직접 JSON 파일에 접근할 수 있습니다. #### 파일 위치 ``` my-react-app/ ├── public/ │ ├── index.html │ ├── ... │ ├── data.json └── src/ ├── App.js ├── ... ``` #### 파일 접근 이 경우, JSON 파일을 fetch API를 사용하여 접근할 수 있습니다. ```js // src/App.js import React, { useEffect, useState } from 'react'; function App() { const [data, setData] = useState(null); useEffect(() => { fetch('/data.json') .then((response) => response.json()) .then((data) => setData(data)); }, []); return ( <div className="App"> {data ? ( <pre>{JSON.stringify(data, ...