WASM: DuckDB WASM
DuckDB(임베디드 OLAP DB)를 WebAssembly로 컴파일 → 브라우저·Node.js에서 풀 SQL 분석
개발 지식 노트
주제를 골라 개념과 사용 예제를 살펴보거나, 아래에서 최근 글을 확인하세요.
프로그래밍 언어
클라우드와 컨테이너
- Kubernetes 23개 글
- 플랫폼 3개 글
- AWS 4개 글
- 네트워킹 1개 글
- Argo 3개 글
- 클라우드 서비스 모델 9개 글
- BaaS 2개 글
- Docker 4개 글
- 서비스 메시 4개 글
데이터와 데이터베이스
- MySQL 5개 글
- 도구 1개 글
- 기본 개념 8개 글
- Mongodb 1개 글
- Redis 1개 글
- Dynamodb 1개 글
- Clickhouse 1개 글
- Duckdb 1개 글
- PostgreSQL 1개 글
- SQL 5개 글
- Elasticsearch 9개 글
시스템과 네트워크
소프트웨어 개발
관측과 모니터링
AI
- AI 31개 글
알고리즘
- 알고리즘 7개 글
보안
에세이
- 에세이 4개 글
웹 개발
- React 24개 글
최근 포스트
WASM: SQLite WASM
SQLite를 WebAssembly로 컴파일해 브라우저 / Node.js / Deno / Bun 등 JavaScript 런타임에서 직접 실행
WASM: WebAssembly 개요
WebAssembly(WASM)는 이식 가능하고 빠르게 실행되는 저수준 바이너리 명령어 포맷
AI: Ollama
로컬 환경에서 대규모 언어 모델(LLM)을 손쉽게 실행·관리하는 오픈소스 도구
React: 실무 패턴
React 앱을 실제로 개발하다 보면 반복적으로 등장하는 패턴들이 있습니다. 인증 보호, 환경변수, 에러 처리, 코드 분할, 로딩 UI 등 자주 쓰이는 실무 패턴을 정리합니다.
React: 테스트 (Vitest, Testing Library)
테스트는 코드가 올바르게 동작하는지 자동으로 검증하는 작업입니다. Vitest는 Vite 기반 테스트 러너이고, Testing Library는 실제 사용자 관점에서 컴포넌트를 테스트하는 라이브러리입니다.
React: shadcn/ui
shadcn/ui는 Radix UI와 Tailwind CSS를 기반으로 만들어진 UI 컴포넌트 모음입니다. npm 패키지가 아니라 소스 코드를 프로젝트에 직접 복사하는 방식이라, 컴포넌트를 자유롭게 수정할 수 있습니다.
React: Tailwind CSS
Tailwind CSS는 미리 정의된 유틸리티 클래스를 조합해 스타일을 지정하는 CSS 프레임워크입니다. 별도의 CSS 파일을 만들지 않고 HTML(JSX)에 클래스만 추가하면 스타일이 적용됩니다.
React: React Hook Form, Zod
폼 처리는 매번 state와 onChange를 반복하는 번거로운 작업입니다. React Hook Form은 폼 상태를 효율적으로 관리하고, Zod는 타입 안전한 유효성 검사 스키마를 제공합니다. 두 라이브러리를 함께 사용하면 간결하고 안전한 폼을 빠르게 만들 수 있습니다.
React: TanStack Query
TanStack Query (구 React Query)는 서버에서 가져오는 데이터(서버 상태)를 관리하는 라이브러리입니다. API 호출, 캐싱, 로딩/에러 처리, 자동 갱신 등을 간편하게 처리합니다.