본문 바로가기
CS

Mock Data

by 이건 뭐야 2024. 2. 8.

Mock : 거짓된, 가짜의, 모의의

 

Mock Data는 실제 API에서 받아온 데이터가 아닌 프론트엔드 개발에서 필요에 따라 샘플로 만든 데이터를 뜻한다.

 

Mock Data 사용하는 이유

백엔드 API가 완성이 되지 않았을 때 데이터가 들어오는 상황을 대비해 UI가 의도한대로 구현되는지 확인하기 위해서
Mock Data를 쓰면 실제 API가 없더라도 API 데이터처럼 UI 랜더링이 가능하다.

 

장점

Mock 데이터들을 예시로 만들어 놓으면 바로 테스트를 해볼 수 있다.

 

형식

json형식으로 되어있다.
key : value의 객체형태로, 백엔드와의 데이터 통신을 위해 사용한다.

 

=> UI를 만들 때
상수 데이터일 경우 백엔드 서버에서 데이터를 받아올 필요가 없다.
변수 데이터일 경우 백엔드 서버에서 데이터를 받아와야 한다.(시간의 흐름에 따라 값이 변할 수 있기 때문에)

 


사용해보면서 백엔드에서의 테스트코드같은 느낌을 받았다!

'CS' 카테고리의 다른 글

CORS, CSRF  (0) 2024.03.04
CI/CD  (0) 2024.02.15
DevOps(데브옵스)  (0) 2024.02.13
Component(컴포넌트)  (1) 2024.02.11
HTTP 인증 방식  (0) 2024.02.02