블로그
-
Go 슬라이스 완벽 가이드 | 내부 구조·메모리·성능 최적화 심화 분석
Go 슬라이스의 내부 구조, 메모리 할당 메커니즘, capacity vs length, append 동작 원리, 성능 최적화 기법까지. 실무에서 마주치는 슬라이스 함정과 해결책을 포함한 완벽 가이드.
-
Go 웹 개발 완벽 가이드 | Gin·GORM·JWT·Middleware·성능 최적화
Go로 고성능 웹 API를 구축하는 완벽 가이드. Gin 프레임워크, GORM, JWT 인증, Middleware, 동시성, 성능 최적화까지 실전 예제로 정리. Go·Golang·Gin 중심으로 설명합니다.
-
Hono 완벽 가이드 — 초고속 엣지 웹 프레임워크
Hono의 라우팅·미들웨어, Cloudflare Workers·Deno·Bun 배포, D1·Prisma 연동, JWT·CORS, REST API 실전 패턴까지 엣지 런타임 백엔드 구축을 한 번에 정리합니다.
-
HTML 완전 정복 — 파싱·DOM·접근성·폼 검증·Shadow DOM·실무 패턴
[2026] HTML 완전 정복 — 파싱·DOM·접근성·폼 검증·Shadow DOM·실무 패턴에 대해 정리한 개발 블로그 글입니다. HTML은 “태그를 나열하는 표기법”이 아니라, 브라우저가 문서를 읽고(interactive한) DOM을 만들고, 그 위에서 스타일·스크립트·접근성 API가 동작하게 하는 계약에 가깝습니다. 프레임워크를 쓰더라도 최종… 개념과 예제 코드를 단계적으로 다루며, 실무·학습에 참고할 수 있도록 구성했습니다. 관련 키워드: HTML,…
-
HTML/CSS 시작하기 | 웹 개발 첫걸음
HTML/CSS 시작하기에 대해 정리한 개발 블로그 글입니다. HTML(HyperText Markup Language)은 문서의 뼈대와 의미를 표시하고, CSS(Cascading Style Sheets)는 보이는 모양을 규칙으로 덧씌웁니다. 특징: - ✅ HTML: 제목, 문단,… 개념과 예제 코드를 단계적으로 다루며, 실무·학습에 참고할 수 있도록 구성했습니다. 관련 키워드: HTML, CSS, 웹개발, 프론트엔드, 입문.
-
CSS position 심화 | 포함 블록, 쌓임 맥락, 레이아웃 영향
CSS position 심화에 대해 정리한 개발 블로그 글입니다. position은 “어디에 붙일지”만이 아니라, 요소가 일반 문서 흐름(normal flow)에 남을지 이탈할지를 결정합니다. 이탈한 박스는 부모의 블록 레벨 세로 배치에서 빠지며, 형제와의 마진 병합 관계도 달라집니다.… 개념과 예제 코드를 단계적으로 다루며, 실무·학습에 참고할 수 있도록 구성했습니다. 관련 키워드: CSS, position, 레이아웃, z-index, 쌓임맥락.
-
CSS Flexbox | 플렉스박스 레이아웃 완벽 가이드
CSS Flexbox: 플렉스박스 레이아웃 완벽 가이드. Flexbox 기본 개념·Flex Direction (방향)로 흐름을 잡고 원리·코드·실무 적용을 한글로 정리합니다. CSS·Flexbox·레이아웃 중심으로 설명합니다.
-
CSS Grid | 그리드 레이아웃 완벽 가이드
CSS Grid: 그리드 레이아웃 완벽 가이드. Grid 기본 개념·Grid Template Columns/Rows로 흐름을 잡고 원리·코드·실무 적용을 한글로 정리합니다. CSS·Grid·레이아웃 중심으로 설명합니다.
-
반응형 웹 디자인 | 미디어 쿼리와 모바일 최적화
반응형 웹 디자인: 미디어 쿼리와 모바일 최적화. Viewport 설정·미디어 쿼리로 흐름을 잡고 원리·코드·실무 적용을 한글로 정리합니다. CSS·반응형·미디어쿼리 중심으로 설명합니다.
-
Inngest 완벽 가이드 — 이벤트 기반 백그라운드 작업
Inngest로 이벤트·함수·스텝·재시도·Cron을 설계하고 Next.js·Vercel에 배포하는 방법. Dev Server, 모니터링, 이메일 발송 실전 예제까지 정리합니다. Inngest는 애플리케이션이 이벤트를 발행하면, 등록된 함수를 비동기로 실행하고, 각 스텝의 결과를 저장해 실패 시 부분 재시도를 가능하게 하는 이벤트 기반 실행 플랫폼입니다.