상수데이터, MockData

---

상수 데이터란?

UI구성에는 필요하지만 동적으로 변하지 않아서 백엔드 API를 통해 가져올 필요가 없는 데이터들이 있다. 즉, 상수 데이터란 이름 그대로 변하지 않는 정적인 데이터를 의미한다.
반복적인 UI를 상수 데이터로 구성하면 효율적으로 관리할 수 있다.

상수 데이터 사용하는 이유

반복되는 UI를 일일이 하드코딩하면 가독성이 떨어지고, 수정시에도 해당 부분을 찾아서 보수하는것이 쉽지 않다. 하지만 상수데이터화 해놓으면 Map()메서드를 통해서 UI를 보다 간결하게 표현할 수 있고, 유지 보수도 용이해진다.

상수 데이터 활용

• UPPER_SNAKE_CASE 사용

상수 데이터 선언

--

MockData란?

프론트엔드개발을 하다보면, 백엔드 API가 완성되지 않은 상황에서 개발을 진행해야 할 경우가 생긴다. 이러한 경우에 MOCK(흉내)Data를 만들어서 샘플로 사용한다.

MockData 사용하는 이유

• 백엔드 API가 미완이어도 작업을 할 수 있다.
• 백엔드 API구성을 미리 맞춰볼 수 있다.
• 실제 API통신을 진행할 때 원활하게 할 수 있다.

MockData 생성

MockData 사용