DevTools 도움말: 네트워크 응답 재정의 및 모의 처리

Sofia Emelianova

Chrome DevTools를 사용하면 응답 헤더, 파일, API 요청 등을 로컬에서 재정의하고 모의 처리할 수 있습니다. 백엔드, 서드 파티 또는 API가 따라잡을 때까지 기다리지 않고 변경사항과 수정사항을 프로토타입으로 제작하고 테스트하여 워크플로를 차단 해제하세요.

동영상을 시청하여 로컬 재정의를 사용하여 다음 작업을 하는 방법을 알아보세요.

• XHR 또는 가져오기 요청의 응답을 모의 처리하여 프로덕션 수정사항이 실제로 프로덕션으로 이동하기 전에 테스트합니다.
• 새 UI 디자인의 프로토타입을 만듭니다.
• 재정의된 파일을 폴더에 저장하여 좋아하는 코드 편집기로 수정하고 동료와 공유할 수 있습니다.

• 성능 수정사항이 유의미한지 사전에 테스트합니다.

• 응답 헤더 재정의

• 와일드 카드 문자로 여러 URL의 헤더 재정의

• 네트워크 패널에서 재정의된 요청을 필터링합니다.