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 |