본문 바로가기

Browser3

웹 브라우저와 사이트 간의 상호작용 통신을 기록한 HAR 파일 HAR 파일의 기본 개념 HAR (HTTP Archive Format) 파일은 웹 브라우저와 서버 간의 통신을 기록한 파일로, 웹 개발자들이 성능 분석, 디버깅, 네트워크 트래픽 모니터링 등을 목적으로 사용합니다. JSON 포맷으로 되어 있으며, HTTP 요청과 응답, 헤더, 바디, 쿠키 등의 정보를 담고 있습니다. HAR 파일의 주요 구성 요소는 다음과 같습니다: log: 최상위 객체로, HAR 데이터 전체를 감싸고 있습니다. pages: 방문한 페이지에 대한 정보를 포함합니다. 페이지 로딩 시간과 같은 세부 정보를 포함할 수 있습니다. entries: 각 HTTP 요청과 응답에 대한 세부 정보를 담고 있습니다. URL, 요청/응답 헤더, 바디의 크기, 로딩 시간 등이 포함됩니다. request: 개별.. 2024. 3. 29.
사이트와 앱 디버깅 최적화 및 취약점 분석에 React Developer Tools 활용 React Developer Tools는 React로 빌드된 웹 사이트와 모바일 앱을 디버깅하고 최적화하는 데 필수적인 도구입니다. 이 도구를 사용하면 개발자는 React 컴포넌트의 계층 구조를 시각적으로 검사하고, 각 컴포넌트의 props와 state를 실시간으로 편집하며, 성능 문제를 식별할 수 있습니다. 다음은 React Developer Tools를 설치하고 사용하는 방법에 대한 기본적인 내용입니다. React Developer Tools 설치 방법 브라우저 확장 프로그램 Chrome, Firefox, Edge: 이러한 브라우저에서는 React Developer Tools를 브라우저 확장 프로그램으로 직접 설치할 수 있습니다. 설치 후, React로 빌드된 웹 사이트를 방문하면 도구가 자동으로 활.. 2024. 3. 5.
Android Usb Port Forwarding Introduction The Android architecture does not allow to start communication from the Android to the host through the USB cable.The opposite is possible, using the Google "Android Debug Bridge" (ADB in short). This tool will act as a tunnel between the Android client application and the host server. It is a software implementation of a router doing IP port forwarding. On the Host part, you have t.. 2011. 6. 8.