구티

목차 Network 탭 Frontend의 통신 부분을 디버깅을 하기 위해 Network 탭을 많이 사용합니다. Chrome 맞춤 설정 및 제어( 우측 상단 점 3개짜리 아이콘 ) > 도구 더 보기 > 개발자 도구 메뉴에 들어가면 Network 탭을 확인할 수 있습니다. Network 탭에서는 아래와 같이 브라우저에서 주고받는 Transaction 들을 보여줍니다. 각 Transaction이 언제 보내졌고 언제 응답이 왔으며 요청, 요청 응답의 여러 정보를 보여줍니다. 그리고 요청을 보다 보면 Frontend 단에서 병렬로 여러 요청을 보냈음에도 많은 요청들이 회색으로 표시된 것처럼 대기하다가 앞선 요청들이 처리되고 난 뒤에야 이후의 요청들이 순차적으로 발송되는 것을 확인할 수 있습니다. Stalled 그..