hsb.horse
Tags
#javascript
태그 "javascript"가 붙은 콘텐츠 목록입니다.
- 용어집Biome
Biome는 JavaScript/TypeScript용 Rust 기반 포매터 겸 린터로, 코드 정렬과 정적 분석을 하나로 묶는다.
- 용어집LogTape
LogTape는 Browser, Node.js, Deno, Bun을 지원하는 멀티 런타임 JavaScript 로거 라이브러리다. 의존성 없이 동작한다.
- 용어집mediabunny
mediabunny는 WebCodecs API를 기반으로 한 브라우저용 비디오·오디오 처리 라이브러리다.
- 용어집navigator.devicePosture
navigator.devicePosture는 자세 정보를 다루는 DevicePosture 객체를 반환하는 Navigator 프로퍼티다.
- 스니펫SHA256 동기 구현 (WebCrypto API 비의존)
WebCrypto API를 사용하지 않는 순수 JavaScript SHA256 구현. Web Workers 등에서 crypto 객체를 사용할 수 없는 환경용.
- 스니펫TransformStream으로 텍스트 분할 처리
ReadableStream과 TransformStream을 사용하여 긴 텍스트를 지정된 크기의 청크로 분할하는 TypeScript 구현 예제.
- 용어집Turndown
Turndown은 HTML을 Markdown으로 변환하는 JavaScript 라이브러리로, 변환 규칙을 커스터마이즈할 수 있다.
- 스니펫TypeScript 배열 유틸리티
TypeScript 개발에서 자주 쓰는 배열 연산을 위한 타입 안전 유틸리티 모음. 빈 배열 생성, 청킹, null 필터링, 셔플을 다룹니다.
- 스니펫Uint32Array 헬퍼 함수
`new Uint32Array` 호출을 간결하게 만드는 TypeScript 래퍼 함수입니다. 오버로드를 사용하여 생성자의 모든 인터페이스를 지원합니다.
- 용어집Uint8Array
Uint8Array는 0~255 범위의 8비트 부호 없는 정수를 다루는 JavaScript TypedArray다.
- 스니펫Uint8Array 합치기
여러 개의 Uint8Array를 하나로 병합하는 TypeScript 함수입니다. 바이너리 데이터 결합에 유용합니다.
- 스니펫Uint8Array 헬퍼 함수
new Uint8Array 호출을 간결하게 만드는 TypeScript 래퍼 함수. 배열, ArrayBuffer, 길이 지정의 모든 패턴을 지원합니다.
- 스니펫동적 import 캐싱
동적 import를 캐싱하는 가벼운 TypeScript 구현. 같은 경로에 대한 여러 import를 하나의 Promise로 처리합니다.
- 스니펫이미지 확장자 정규식
파일명에서 이미지 형식을 판별하는 JavaScript/TypeScript 정규식 패턴. png, webp, jpg, jpeg, avif, gif 지원.
- 스니펫dataset를 이용한 멱등 DOM 옵저버 설정
data 속성을 사용해 MutationObserver 중복 등록을 방지하는 간단한 패턴. 전역 레지스트리 불필요, 이식성이 높다.
- 스니펫계층적 DOM 관찰 전략
앱이 준비되면 세밀한 옵저버로 단계적으로 전환하는 패턴. SPA 콘텐츠 스크립트와 서드파티 DOM 통합에 폭넓게 응용할 수 있다.
- 스니펫네이티브 UI 요소를 복제하여 스타일 상속하기
cloneNode로 호스트 앱의 기존 버튼을 복제한 후 아이콘과 텍스트만 교체하여 시각적 일관성을 유지하는 경량 패턴. 난독화된 CSS와 싸울 필요 없음.
- 스니펫빌드 타임 메시지 ID 해시 스토어
빌드 타임에 메시지 ID와 컨텍스트를 해싱하여 단축·정규화하는 TypeScript 함수. 번역 키에 문자 제한이 있는 플랫폼에서 유용하다.
- 스니펫서브 배치와 배치별 타임아웃을 갖춘 워커 풀
대량 데이터를 작은 서브 배치로 나눠 워커에 전송하여 메모리 압박을 줄이고 각 배치에 타임아웃을 설정해 이상을 조기 감지하는 패턴.
- 스니펫엔티티 내장 쿨다운 경고 억제
반복 경고 억제 로직을 쿼터 엔티티 자체에 내장하는 패턴. 속도 제한 알림이나 과금 경고와 같은 빈번한 경고를 적절히 제어합니다.
- 스니펫프로퍼티 추출 헬퍼 함수
객체에서 지정된 프로퍼티만 추출하는 함수를 생성합니다. 중첩된 mapBy와 배열 변환에서 타입 안전한 프로퍼티 추출을 한 줄로 작성할 수 있습니다.
- 스니펫crypto.randomUUID의 Polyfill
crypto.randomUUID 함수의 폴리필 구현. 모든 브라우저에서 지원되므로 새로 구현할 필요는 없지만, UUID v4의 작동 원리를 배우기 위한 참고 자료로 유용하다.
- 스니펫TypeScript에서 경량 Result 타입 구현
try-catch를 사용하지 않는 에러 핸들링 패턴. data와 error를 분리한 Result 타입으로 타입 안전하게 에러를 처리한다.
- 스니펫시간 기반 시맨틱 버전 생성
빌드 시각을 버전 번호로 자동 생성하는 TypeScript 함수. Chrome 확장 프로그램 등에서 버전 상한이 있는 경우에 유용함.
- 스니펫지연 초기화 객체
getter를 사용해 첫 접근 시에만 값을 생성하는 TypeScript 패턴. 메모리 캐시보다 경량인 지연 평가.
- 블로그UUID v7 구현 가이드 : JavaScript, Go, Shell로 만들기
UUID v7의 비트 구조, version/variant의 비트 설정, JavaScript·Go·Shell에서의 최소 구현, 구현시의 체크 항목, RFC의 참조처를 1페이지로 정리. 시계열 정렬하기 쉬운 ID를 안전하게 도입하고 싶은 개발자용으로 생성 로직의 확인 포인트를 정리한 실천 가이드. 구현 전의 확인에 사용할 수 있다.