블로그
-
SQL 쿼리 최적화 실전 가이드 | 인덱스·실행 계획
SQL 쿼리 최적화 실전 가이드에 대해 정리한 개발 블로그 글입니다. > TL;DR: SQL 쿼리 성능을 10배 향상시키는 방법을 배웁니다. 인덱스 설계부터 EXPLAIN 분석, N+1 문제 해결까지 실무에서 바로 쓸 수 있는 최적화 기법을 마스터합니다. 이 글을 읽으면: - ✅ 인덱스 설계… 개념과 예제 코드를 단계적으로 다루며, 실무·학습에 참고할 수 있도록 구성했습니다. 관련 키워드: SQL, 쿼리 최적화, Database, Index, EXPLAIN.
-
SSH 원격 접속 자주 쓰는 명령어와 실무 팁 | ssh-config·포트포워딩·rsync·tmux
SSH 키 관리, ~/.ssh/config 단축 접속, ProxyJump, 포트 포워딩, scp/rsync/sftp 차이, tmux 세션 유지까지 매일 쓰는 SSH 실전 명령어를 정리합니다.
-
Stencil 완벽 가이드 — 웹 컴포넌트 컴파일러·TSX·테스트·프레임워크 통합
Stencil 완벽 가이드 — 웹 컴포넌트 컴파일러·TSX·테스트·프레임워크 통합에 대해 정리한 개발 블로그 글입니다. Stencil는 Ionic 팀이 만든 웹 컴포넌트(Web Components) 컴파일러입니다. 브라우저 표준인 Custom Elements, Shadow DOM, HTML Templates 위에,… 개념과 예제 코드를 단계적으로 다루며, 실무·학습에 참고할 수 있도록 구성했습니다. 관련 키워드: Stencil, Web Components,…
-
Storybook 완벽 가이드 | UI 컴포넌트 개발·문서화·테스트·실전 활용
Storybook으로 UI 컴포넌트를 개발하고 문서화하는 완벽 가이드. Stories, Args, Actions, Addons, Visual Testing까지 실전 예제로 정리. Storybook·UI·Component 중심으로 설명합니다.
-
Stripe 완벽 가이드 | 결제 연동·Checkout·Webhook·구독·실전 활용
Stripe 결제 가이드. Payment Intent 상태·SCA, Webhook HMAC 서명, Idempotency-Key, Checkout, 구독, 프로덕션 멱등·대사 패턴까지 실전 중심으로 정리합니다.
-
styled-components 완벽 가이드 | CSS-in-JS·동적 스타일·테마·실전 활용
styled-components 완벽 가이드에 대해 정리한 개발 블로그 글입니다. styled-components로 CSS-in-JS를 구현하는 완벽 가이드입니다. Tagged Template Literals, Props, Theming, SSR까지 실전 예제로 정리했습니다. > 실무 경험 공유: CSS… 개념과 예제 코드를 단계적으로 다루며, 실무·학습에 참고할 수 있도록 구성했습니다. 관련 키워드: styled-components, CSS-in-JS,…
-
Supabase 완전 가이드 | Firebase를 뛰어넘는 오픈소스 백엔드
Supabase 완전 가이드: PostgreSQL 기반 BaaS, 인증·DB·스토리지·실시간 기능 올인원. Next.js 실전 프로젝트로 정리합니다. Supabase·PostgreSQL·TypeScript 중심으로 설명합니다.
-
Svelte 5 완벽 가이드 | Runes·SvelteKit·반응성·성능 최적화
Svelte 5의 새로운 기능 완벽 가이드. Runes, SvelteKit, 반응성, 컴포넌트, 상태 관리, 성능 최적화까지 실전 예제로 정리. Svelte·Svelte 5·SvelteKit 중심으로 설명합니다.
-
Svelte 5 Runes 완벽 가이드 — $state·$derived·$effect로 다시 쓰는 반응성
Svelte 5의 핵심 변화 Runes 완벽 가이드. $state·$derived·$effect·$props·$bindable로 컴포넌트 안팎에서 반응성을 명시적으로 제어하는 방법과 Svelte 4 마이그레이션·SvelteKit 통합 실전 예제.
-
Svelte 5 Runes 완벽 가이드 — 반응성 시스템 재설계
Svelte 5 Runes의 $state·$derived·$effect를 정리하고, 레거시 반응성과의 차이·마이그레이션·성능 튜닝·SvelteKit load 연동, Todo·폼·API 실전 코드까지 한국어로 상세히 다룹니다.