< HwanLog />

API 모킹 방법 프론트엔드 개발자라면 백엔드에서 API가 나오지 않았다면 프론트엔드에서는 어떤식으로 대응해야 할까? 라는 고민을 하게 됩니다. 어떤식으로 대응을 할 수 있을 지 방법에 관한 정리 내용 입니다. 근데 이 API가 나오지 않았다는 가정이 두가지로 나뉘게 됩니다. 1. 진짜로 백엔드 개발자가 API를 만들기 전 2. API는 만들어 졌지만 코드가 리뷰 대기 상태라 머지가 되지 않음 우선 아래는 실제 API가 만들어 지기 전 이라는 가정하에 예시 입니다. 1. 실제 Mock Data 만들기 API Mocking이 아닌 프론트엔드에서 더미데이터를 만들어서 넣어주는 방식 입니다. const MOCK_DATA = [ { id: 1, name: "안녕" }, { id: 2, name: "하이" }, ..

JavaScript 배열 API 자바스크립트 사용하면서 다른 언어와 다르게 배열 API가 많이 있습니다. 다양하게 사용은 해왔지만 정확하게 하나하나 이해하지는 못해서 한번 정리해 보고자 합니다. 1. map map은 콜백함수를 받아서 그 결괏값(return)에 부합하는 새로운 배열을 반환해 줍니다. numbers = [1, 2, 3, 4, 5]; const result = numbers.map((number) => { return number + 1; }); console.log(result); // [2,3,4,5,6] console.log(numbers); // [1,2,3,4,5] 위 결과값을 확인해보면 result라는 변수에 새로운 map에 맞는 새로운 배열이 들어가 있고 기존 numbers라는 ..