Problem! 타 직군 일정에 의존적 이미 만들어진 서비스를 유지보수 하는 경우라면 잘 와닿지 않을 수 있지만, 회사에서 신규 기능을 개발하거나 개인 프로젝트를 진행하다보면 프로젝트 초기 프론트엔드 개발자의 워크로드가 상대적으로 타직군에 비해 낮다 는것을 알 수 있다. 프론트엔드 개발자라는 포지션이 가지는 특징이라고 볼 수 있는데 디자이너의 디자인 대로 UI를 만들고 백엔드 API를 연동해 서비스를 만들어 가야 하기 때문에 이런 상황에 상대적으로 다른 "타직군 일정에 의존적" 이라고 할 수 있다. (중간에서 이리치이고 저리치이고한다) 이 세상은 코드가 아니야! 개발자라면 본능적으로 이런 의존성에서 벗어나고 싶어할 것이다. 다만 현실은 코드로 이루어지지 않았고, 일정이라는게 내 마음대로 되는 게 아니다...

MSW? MSW 는 Mock service Worker 의 약자로, 가짜 API데이터를 만들어주는 라이브러리이다. 동작방식은 React에서 Fetch 나 Axios를 이용해 서버로 통신을 요청하면, MSW가 중간에서 이를 가로채 대신 대답을 해주는 방식이다. MSW를 이용하면 백엔드와 연결을 하기전에 미리 데이터 페칭을 대비할 수 있다. 프로젝트에 MSW를 사용한 이유 먼저 이유부터 설명하자면 미리 서버와의 통신을 mock(흉내) 해주는 라이브러리를 이용하여 효율적인 일정분배, 서버통신 대비를 위해서이다. 몇번의 해커톤을 진행해본 결과, 프론트엔드와 백엔드의 개발 속도 차이로 인해 프로젝트가 통채로 위태위태 해진 경험이 있다. 백엔드에서 서버를 열기 전까지 서버와의 통신을 경험해볼 수 없기 때문에 더미데..