Bridging the gap between history and technology.
I build products with an interdisciplinary perspective.
My Kanban board built with HTML5 Drag and Drop worked everywhere except Naver Whale. Browser gestures hijack native drag events. dnd-kit's Pointer Events architecture bypasses this entirely.
Tried to contribute to an open source project but gave up because there was no README. That's when I realized the true value of good docs.
Setting up a new Mac took 2 days. With dotfiles and automation scripts, it now takes 30 minutes to get a fully configured dev environment.
Regex looked like alien language until I learned 20 practical patterns. Now text processing that took 50 lines fits in one.
Writing form validation from scratch led to edge case hell. React Hook Form + Zod is the optimal combination for type-safe forms.
Switched from Redux to Zustand and cut boilerplate by 90%. But using it properly requires understanding some key patterns.
SSR pages showed blank screens for 3 seconds during data loading. Streaming SSR sends ready parts first, dramatically improving perceived speed.
Creating API routes, fetch calls, loading states... Too much code for one form. Server Actions dramatically simplified form handling.
Passing a function as props from a Server Component broke everything. Understanding the serialization boundary revealed RSC's true patterns.
Public APIs face unexpected traffic floods without proper protection. Rate limiting, API key management, and IP restrictions to protect your API.
