위의 코드는 채팅리스트 data들을 불러오는 핸들러를 구현했다.
rest.get(’URL’) 를 중요하게 보면 되는데 사용할 HTTP 메서드 API URL을 지정해주면 된다.
여기서 정한 URL를 클라이언트에서 fetch할때 동일하게 넣어주면 된다.
필요한 로직이 있다면 추가로 넣고 json으로 응답해주면 된다.
MSW(Mock Service Worker)
서비스워커를 사용하여 네트워크 호출을 가로채는 API 목킹 라이브러리.
서버향의 네트워크 요청을 가로채서 모의 응답을 보내주는 역할을 함.
실제 서버가 없어도 MSW를 사용하면 API 요청/응답을 시뮬레이션 할 수 있음.
MSW가 이러한 역할을 할 수 있는게 Service Worker 때문이다.
왜냐? Service Worker는 네트워크 요청을 가로채는 행위가 가능함. Service Worker가 앱과 서버 사이에서 request를 가로채서 직접 fetch에 대한 컨트롤이 가능하기 때문임.
1)브라우저가 요청을 보낸다 2)서비스워커가 요청을 가로채서 복사함 3)복사한걸 msw로 보냄 4)msw는 모킹한값을 서비스워커에게 다시 보낸다 5)서비스워커는 응답받은 값을 브라우저에게 보냄