*** _ _ _ ____ _ _ ___ ____ ***

***| \ | | ___| |/ __|| \ | | _| _ \ ***

| | |/ _ \ |___ | | || || |_) |

***| |\ | / ||) | |\ || || __/ ***

***|| _|___||/|| _||_| ***

NetPacketSnip

A powerful network sniffing and logging tool for web applications.

웹 애플리케이션을 위한 강력한 네트워크 스니핑 및 로깅 도구.

NetPacketSnip is a robust library designed to capture, log, and format network requests (Fetch & XHR) in your web applications. It is perfect for debugging, monitoring, or exporting network traffic data from Single Page Applications (SPAs) like React, Vue, and Angular.

NetPacketSnip은 웹 애플리케이션에서 네트워크 요청(Fetch 및 XHR)을 캡처, 기록 및 포맷팅하도록 설계된 강력한 라이브러리입니다. React, Vue, Angular와 같은 단일 페이지 애플리케이션(SPA)에서 네트워크 트래픽 데이터를 디버깅, 모니터링 또는 내보내는 데 완벽합니다.

Installation / 설치

npm install net-packet-snip

Usage / 사용법

Basic Usage / 기본 사용법

Import and start the sniffer in your main entry file (e.g., index.js or App.js).

메인 진입 파일(예: index.js 또는 App.js)에서 스니퍼를 가져와 시작하십시오.

import NetPacketSnip from 'net-packet-snip';

// Start monitoring / 모니터링 시작
NetPacketSnip.start();

// Make some requests... / 요청 보내기...
fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => response.json())
  .then(data => console.log(data));

Getting Logs in Markdown / 마크다운으로 로그 가져오기

You can retrieve the captured logs formatted as a neat Markdown table.

캡처된 로그를 깔끔한 마크다운 표 형식으로 가져올 수 있습니다.

const markdown = NetPacketSnip.getMarkdown();
console.log(markdown);

Downloading CSV / CSV 다운로드

Export the captured network traffic as a CSV file for analysis.

캡처된 네트워크 트래픽을 분석용 CSV 파일로 내보내십시오.

NetPacketSnip.downloadCSV('my-network-logs.csv');

API Reference / API 참조

start()

Starts intercepting fetch and XMLHttpRequest calls. fetch 및 XMLHttpRequest 호출 가로채기를 시작합니다.

stop()

Stops interception and restores original network methods. 가로채기를 중지하고 원래 네트워크 메서드를 복원합니다.

getLogs()

Returns the raw array of log objects. 로그 객체의 원본 배열을 반환합니다.

getMarkdown()

Returns a string containing the network logs formatted as a Markdown table. 네트워크 로그가 마크다운 표로 포맷팅된 문자열을 반환합니다.

downloadCSV(filename?)

Triggers a browser download of the logs in CSV format. CSV 형식의 로그에 대한 브라우저 다운로드를 트리거합니다.

Author / 제작자

Rheehose (Rhee Creative)

License / 라이선스

MIT License