블로그
-
CSS 박스 모델 | Margin, Padding, Border 완벽 정리
CSS 박스 모델: Margin, Padding, Border 완벽 정리. Content (내용)·Padding (내부 여백)로 흐름을 잡고 원리·코드·실무 적용을 한글로 정리합니다.
-
CSS Flexbox | 플렉스박스 레이아웃 완벽 가이드
CSS Flexbox: 플렉스박스 레이아웃 완벽 가이드. Flexbox 기본 개념·Flex Direction (방향)로 흐름을 잡고 원리·코드·실무 적용을 한글로 정리합니다. CSS·Flexbox·레이아웃 중심으로 설명합니다
-
CSS Grid | 그리드 레이아웃 완벽 가이드
CSS Grid: 그리드 레이아웃 완벽 가이드. Grid 기본 개념·Grid Template Columns/Rows로 흐름을 잡고 원리·코드·실무 적용을 한글로 정리합니다. CSS·Grid·레이아웃 중심으로 설명합니다
-
반응형 웹 디자인 | 미디어 쿼리와 모바일 최적화
반응형 웹 디자인: 미디어 쿼리와 모바일 최적화. Viewport 설정·미디어 쿼리로 흐름을 잡고 원리·코드·실무 적용을 한글로 정리합니다. CSS·반응형·미디어쿼리 중심으로 설명합니다
-
CSS 애니메이션 | Transition, Animation, Transform
CSS 애니메이션: Transition, Animation, Transform. Transition (전환)·Transform (변형)로 흐름을 잡고 원리·코드·실무 적용을 한글로 정리합니다.
-
HTMX 완벽 가이드 | HTML 중심 개발·하이퍼미디어·AJAX·SPA 없이·실전 활용
HTMX로 간단한 인터랙티브 웹을 구축하는 완벽 가이드. JavaScript 없이 AJAX, WebSocket, SSE, 동적 UI까지 실전 예제로 정리. HTMX·HTML·Hypermedia 중심으로 설명합니다
-
HTTP 프로토콜 완벽 가이드 | HTTP/1.1·HTTP/2·HTTP/3·QUIC 비교
HTTP/1.1, HTTP/2, HTTP/3, QUIC의 동작 원리와 진화 과정. 멀티플렉싱, 헤더 압축, 0-RTT, 패킷 손실 복구까지. 실전 성능 비교와 최적화 전략 완벽 마스터.
-
Husky 완벽 가이드 | Git Hooks·Pre-commit·Lint-staged·실전 활용
Husky로 Git Hooks를 관리하는 완벽 가이드. Pre-commit, Pre-push, Lint-staged, Commitlint까지 실전 예제로 정리. Husky·Git Hooks·Pre-commit 중심으로 설명합니다
-
이미지 포맷 완벽 가이드 | JPEG·PNG·GIF·WebP·AVIF·SVG 비교
JPEG, PNG, GIF, WebP, AVIF, SVG 등 웹과 앱에서 사용되는 이미지 포맷의 특징, 압축 방식, 투명도, 애니메이션 지원. 포맷별 최적 사용 사례와 변환 방법 완벽 정리.
-
I/O 멀티플렉싱 실전 가이드 | select, poll, epoll, kqueue, IOCP
한 스레드로 많은 소켓을 다루는 I/O 멀티플렉싱. select·poll·epoll·kqueue·IOCP의 차이와 실무에서의 선택 기준. I/O Multiplexing·select·epoll 중심으로 설명합니다