Mock Data

백엔드 통신을 위한 API가 나오기 전에, Front end 선에서 테스트 해볼 수 있도록 하기 위한 가짜 데이터

mock 데이터 관리 방법 (2가지)

1. 별도 js 파일로 관리

• 데이터를 변수에 담고, export & 사용하고자 하는 컴포넌트에서 import하여 사용
• js 파일은 import하는 컴포넌트 바로 옆과 같이 접근하기 쉬운 곳에 위치

2. 실제 API에서 보내주는 형식인 JSON파일에 담아 fecth 함수를 통해 사용

• commentData.json 위치 : public 폴더 > data 폴더 > commentData.json
• 해당 데이터는 data/commentData.json 주소를 입력하여 확인 가능
• 해당 주소를 API 주소로 생각하고 fetch 함수와 http GET method 를 사용해 실제 API 에서 데이터를 받아오는 것처럼 코드를 작성

참고사항

• Mock Data를 만드는 경우라서, backend와 상의하여 key 값 및 데이터 구조 등은 일치시켜두는 것이 좋음