목록API (2)
솔미는 성장중
lodash는 성능과 안정성이 검증된 라이브러리이고, 다양한 옵션을 제공하고 있기에 대체로는 lodash의 debounce를 사용해도 무관합니다. 하지만 프로젝트를 진행하던 도중 lodash에서 제공하는 debounce를 쓰니 원하는 대로 동작하지 않는 상황이 있었다. input에 입력을 받고 어느 정도 시간 이상으로 추가입력이 일어나지 않으면 api 호출을 하는 로직이었다.하지만 api 호출이 내가 생각한 것 보다 여러번 일어나는 이슈가 있어서 직접 setTimeout으로 제어하도록 작업을 해주었다. [중간에 추가 호출이 있으면 시간 초를 리셋되도록 하고싶다]function customDebounce(fn, delay) { let timeoutId; return function(...args) ..
문제 상황 백엔드와 야놀자 기업 과제 프로젝트를 진행하게 되었다. 2주라는 짧은 프로젝트였기에 모든 과정이 빠르게 진행되어야 했다. \(〇_o)/ 초반 ERD작업, API설계, 디자인 시안 제작, 기획 등 빠르게 진행되었다! 모든 것이 착착 진행되나 싶었으나 문제가 생겼다.. 퍼블리싱을 다 끝냈는데도 불구하고 API를 만드는 작업은 아주 초반 단계였던 것이다. 그렇다고 손놓고 있을 수는 없겠다라는 생각에 붕 뜬 시간에 무엇을 할 수 있을지 알아보았다. ✨ 그러다가 알게 된 MSW ! ✨ MSW 작동방식 1. 라이브러리를 설치하면 브라우저에 Service Worker을 등록한다. 2. Service Worker는 브라우저에서 이루어지는 실제 네트워크 요청들을 가로채 복사해서 실제 서버가 아닌 클라이언트 사..