iamian

blog
  • 도메인을 샀다, 그래서 DNS를 공부했다
  • Git의 3가지 분신술 — checkout, clone, worktree 시각 해부
  • Server-Sent Events (SSE): 간단하지만 강력한 실시간 통신
  • 테이블 셀 복사 시 공백이 포함되는 이유

블로그 포스트

All writing

10 of 10 entries

2026
10 · October
#frontend#performance

큰 번들에서 시작한 포탈 성능 최적화 회고

gzip 4.35MB 단일 번들에서 시작해 import 그래프, 요청 순서, 첫 렌더 경로까지 따라가며 /order FCP를 6.17초에서 1.33초로 줄인 1년 반의 기록

OCT 9
5분
04 · April
#ui-ux#accessibility

프론트엔드 UI/UX 체크리스트 — 실전 가이드

접근성부터 애니메이션까지, 프론트엔드 개발자가 챙겨야 할 UI/UX 규칙을 코드 예시와 인터랙티브 데모로 정리했다.

APR 8
12분
#ui-ux#css

컬러 팔레트 & 타이포그래피 — 업종별 실전 레퍼런스 북

96개 업종별 컬러 팔레트와 57개 폰트 페어링 데이터를 기반으로, 컬러 이론부터 다크모드 변환, 한글 폰트 페어링까지 실전에서 바로 쓸 수 있는 디자인 레퍼런스.

APR 8
5분
#ui-ux#css

프론트엔드 UI 스타일 카탈로그 — 67개 스타일 실전 가이드

Glassmorphism부터 Neubrutalism까지, 67개 UI 스타일을 카테고리별로 정리하고 CSS 구현 핵심과 장단점을 비교했다.

APR 8
9분
#ui-ux#ux

UX 가이드라인 심화편 — 내비게이션부터 AI 인터랙션까지

내비게이션, 폼, 검색, 피드백, 온보딩, AI 인터랙션 등 프론트엔드 UX 가이드라인 12개 카테고리를 Do/Don't 코드 예시와 함께 정리했다.

APR 8
16분
03 · March
#browser#dom

테이블 셀 복사 시 공백이 포함되는 이유

테이블에서 텍스트를 복사할 때 앞에 공백이 붙는 현상의 원인을 Selection API, Range, Clipboard 직렬화 알고리즘으로 추적한 기록

MAR 31
3분
#git#git-worktree

Git의 3가지 분신술 — checkout, clone, worktree 시각 해부

checkout, clone, worktree — Git의 3가지 작업 방식을 인터랙티브 시각화로 비교하고, .git 내부 구조까지 탐험합니다.

MAR 14
1분
02 · February
#dns#networking

도메인을 샀다, 그래서 DNS를 공부했다

개인 도메인 구매를 계기로 정리한 DNS 완전 가이드. 도메인 구조, 레코드 타입, 조회 과정부터 DNSSEC, DoH, Anycast까지.

FEB 26
4분
2025
12 · December
#sse#real-time

Server-Sent Events (SSE): 간단하지만 강력한 실시간 통신

WebSocket보다 간단한 SSE로 실시간 알림과 스트리밍 구현하기. HTTP/2 기반 작동 원리부터 Next.js API Route 구현, TypeScript 커스텀 훅, 실전 데모 분석까지 완벽 가이드.

DEC 22
5분
#frontend#deployment

프론트엔드 번들 캐시버스팅을 구현해봤다

배포 후 사용자가 이전 버전을 보는 문제를 해결하기 위해 클라이언트 레벨 캐시버스팅과 CloudFront Function 기반 인프라를 구축한 과정

DEC 7
5분
iamian

개발과 기술에 대한 생각과 경험을 공유합니다.

BlogPostsBooksAbout

© 2026 ian. All rights reserved.