Blog

개발 경험과 기술적인 고민들을 기록합니다.

태그로 필터링

Accessibility

CVA

Deep Dive

Design System

Frontend

Git

GitHub

History

JavaScript

Memoization

Mobile

Next.js

Optimization

Performance

React

Reconciliation

Refactoring

Supabase

TailwindCSS

Tip

Tutorial

TypeScript

UI/UX

Virtual DOM

Web Accessibility

Web Development

axe-core

iframe

shadcn/ui

렌더링 최적화

A11yGym 개발기: 웹 접근성 학습 플랫폼을 만들며 마주한 기술적 도전들

웹 접근성 학습 플랫폼 A11yGym을 개발하면서 겪었던 iframe 내 React JSX 렌더링 문제와 axe-core 실행 시의 기술적 난관들을 해결한 과정을 공유합니다.

블로그 검색 기능 성능 최적화: ISR부터 쿼리 개선까지

Supabase 쿼리 최적화, ISR 캐싱 전략, 그리고 향후 개선 방향까지. 실제 성능 개선 과정과 측정 결과를 공유합니다.

블로그 검색 기능 구현: 하이브리드 페이지네이션 설계하기

서버 사이드와 클라이언트 사이드 페이지네이션의 장점을 결합한 하이브리드 접근법. 검색 기능에서 성능과 사용자 경험을 모두 잡는 방법을 공유합니다.

블로그 태그 필터 UI 개선: 모바일 터치부터 접근성까지

작은 태그 버튼에서 시작된 모바일 UX 개선 여정. 터치 영역 최적화, URL 파라미터 관리, 이벤트 전파 처리까지 실전 경험을 공유합니다.

JSX의 마법: 우리가 짠 코드는 어떻게 기계어가 되는가?

우리가 무심코 작성한 JSX 한 줄이 브라우저를 거쳐 CPU의 전기 신호가 되기까지. 컴파일러, V8 엔진, JIT, 그리고 기계어로 이어지는 4단계의 놀라운 변신 과정을 심층 분석합니다.