맨 위로
ran
홈ranuiranuts아티클문서 편집기
한국어
  • 简体中文
  • English
  • 日本語
  • Español
  • Português
  • 한국어
  • Deutsch
  • فارسی
  • 개요
  • API 레퍼런스 (전체 454개 export)
  • 유틸리티 선택 가이드
  • 유틸리티 함수
    • 함수형 프로그래밍
      • debounce - 디바운스 함수
      • throttle - 스로틀 함수
      • once / singleFlight - 한 번만 실행
      • QuestQueue - 동시 실행 제한 큐
      • withTimeout / deferred - Promise 프리미티브
      • noop - 빈 함수
      • compose - 미들웨어 합성
    • 문자열 처리
      • md5 - MD5 해시 함수
      • randomString / getRandomString - 임의 문자열 생성
      • clearBr - 공백과 줄바꿈 제거
      • clearStr - 앞뒤 공백 제거
      • truncate - 말줄임표로 자르기
      • strParse - 문자열을 객체로 파싱
      • toString - 문자열로 변환
      • transformText - ArrayBuffer를 텍스트로
      • checkEncoding - 문자 인코딩 감지
      • getMatchingSentences - 일치하는 문장 추출
      • isString - 문자열 여부 확인
      • detectLanguage - 텍스트 언어 감지
      • resolveLocale - 현재 로케일 결정
      • segmentByRanges - 오프셋과 하이라이트
    • 객체 처리
      • merge / mergeExports - 객체 병합
      • isEqual - 깊은 비교
      • cloneDeep - 깊은 복사
      • querystring - 객체를 쿼리 문자열로
      • filterObj - 객체 필터링
      • formatJson - JSON 포매팅
    • 숫자 처리
      • range / clamp / lerp / remap / smoothstep - 보간과 구간 재매핑
      • mathjs - 정밀 연산
      • perToNum - 백분율을 숫자로
      • transformNumber - 숫자 포매팅
      • addNumSym - 숫자에 부호 추가
      • parseChineseNumber - 말로 쓴 숫자
    • 색상 처리
      • hexToRgb - 16진수를 RGB로
      • rgbToHex - RGB를 16진수로
      • randomColor - 임의 색상 생성
      • Color - 색상 클래스와 변환
      • hexToAlpha / rgbaToRgb - 투명도 헬퍼
      • blendScreen / luma / cosinePalette - 셰이더 수학 블렌드
    • 시간 처리
      • formatDuration / formatRelative - 시간 포매팅
      • parseVttTimestamp / parseVttCueTiming - WebVTT 자막 타이밍 파싱
      • formatDate - 날짜 포매팅
      • performanceTime - 고정밀 타임스탬프
    • 기기 감지
      • isMobile - 모바일 기기 확인
      • isWeiXin - 위챗 브라우저 확인
      • isClient - 클라이언트 환경 확인
      • isSafari - 사파리 브라우저 확인
      • currentDevice - 기기 종류 가져오기
      • watchMediaQuery - 미디어 쿼리 감시
    • DOM 조작
      • addClassToElement - 클래스 추가
      • removeClassToElement - 클래스 제거
      • createDocumentFragment - 프래그먼트 생성
      • escapeHtml - HTML 이스케이프
      • Chain - 체이닝 가능한 DOM
      • create - DOM 요소 생성
      • EventManager / createDoubleTapDetector - 스코프 리스너와 더블 탭
      • adoptStyles - Shadow DOM CSS 주입
      • computePlacement - 플로팅 패널 뒤집기와 이동
      • setFontSize2html - 유연한 rem 스케일링
    • 스토리지
      • localStorage 헬퍼 - 안전한 저장
      • createStore - 접두사가 붙은 JSON 스토리지
      • WebDB - IndexedDB 래퍼
      • createHandoff - 페이지 간 파일 전달
      • readFileAs* - File / Blob 읽기
      • zip - ZIP 아카이브 읽기와 수정
    • URL / 쿼리
      • getAllQueryString - 쿼리 추출
      • queryFlag / isInIframe - 불리언 플래그와 임베딩 확인
      • encodeUrl - URL 안전하게 인코딩
      • appendUrl - 쿼리 파라미터 추가
      • createLocalePath - 다국어 URL 계산
    • 쿠키
      • getCookie - 쿠키 가져오기
      • getCookieByName - 정규식으로 쿠키 가져오기
    • 이미지 처리
      • convertImageToBase64 - 이미지를 Base64로
      • isImageSize - 이미지 크기 검증
      • getImage / cutRound / opacity - Canvas 이미지 연산
    • 오디오와 비디오
      • AudioRecorder - Blob으로 녹음
      • createSpeechRecognizer - 음성을 텍스트로
    • 성능
      • getPerformance - 성능 지표 가져오기
      • getFrame - 프레임률 계산
      • getPixelRatio - 해상도 비율 가져오기
    • 네트워크
      • imageRequest - 네트워크 지연 측정
      • networkSpeed - 네트워크 속도 측정
      • connection - 네트워크 정보 가져오기
      • getStatus / status - HTTP 상태 코드 조회
      • prefetch - 유휴 시 캐시 예열
      • WorkerClient - Worker 요청과 응답
      • paginateText - 텍스트 페이지 나누기
    • 브라우저
      • getWindow - 윈도우 크기 가져오기
      • report - 텔레메트리 비콘
      • handleConsole - 계측 훅
      • createObjectURL / requestUrlToBuffer - 오브젝트 URL 생성
    • 스크립트 로딩
      • scriptOnLoad - 스크립트 동적 로딩
      • loadScript - 중복 없이 단일 로딩
    • 에러 처리
      • handleConsole - console 가로채기
      • handleError - 전역 에러 처리
      • handleFetchHook - fetch 가로채기
    • 기타
      • TOTP - 일회용 비밀번호 생성기
      • createSignal - 반응형 시그널 생성
      • setMime / MimeType - MIME 타입 설정
      • getExtensions - 확장자 가져오기
      • SyncHook - 동기 이벤트 훅
      • durationHandler - 지연 실행
      • task - 실행 시간 측정
  • 파일 작업
    • writeFile - 파일 쓰기
    • readFile - 파일 읽기
    • readDir - 디렉터리 읽기
    • watchFile - 파일 변경 감시
    • queryFileInfo - 파일 정보 조회
    • appendFile - 파일에 추가
  • MIME 타입
    • getMime - MIME 타입 가져오기
  • Canvas와 애니메이션
    • Canvas 2D 지오메트리 - 패스와 그라디언트
    • tween - 이징 함수
  • i18n
    • 국제화 엔진
  • 2D 렌더링 (visual)
    • 렌더링 엔진
  • 가상 DOM (vnode)
    • 가상 DOM
  • 스트리밍 (stream)
    • 모델 응답 스트리밍
  • 대화 (conversation)
    • 이벤트 로그를 노드로
  • Service Worker (sw)
    • 캐싱과 프리캐시
  • Node 서버
    • HTTP 서버와 라우터
  • Bridge (postMessage)
    • 컨텍스트 간 메시징

handleFetchHook / handleXhrHook

계측 훅을 보세요. 둘 다 네트워크 트래픽을 계측하고 되돌리는 함수를 돌려줍니다.

이전 페이지handleError - 전역 에러 처리다음 페이지TOTP - 일회용 비밀번호 생성기