Vibe coding still needs
UX development.
The faster ideas become code, the more it matters that people can understand and enjoy what you build. Learn the principles and practice of UX development through courses, tutorials, and articles.
UX Development Courses
D3 Data Visualization
From bar charts to interactive 3D globes — 6 essential D3.js v7 patterns
개발 환경 입문
터미널부터 Vercel 배포까지 — 코딩 경험 없이 시작하는 개발 환경 세팅
GSAP Animation
Scroll effects, 3D transforms, SVG drawing, smooth scroll — 17 essential GSAP patterns
Three.js for Interactive Content
Build scroll-driven 3D scenes, product viewers, particle systems, and shader effects — patterns you can ship on real projects
Vibe Coding for UX Engineering
Build production-ready UI with Claude Code — prompting, iteration, CSS, GSAP animations, JS interactions, and real project delivery
Hands-on Tutorials
Start with the finished result, then compare it with the source to quickly understand the implementation and core patterns. Apply what you need directly to your work.
Blog
Insights on UX, interaction, and front-end implementation in the age of vibe coding.
-
Ghostty로 Claude Code와 tmux 사용하기: 입문부터 문제 해결까지 Ghostty에서 Claude Code와 CLI 도구를 쓴다면 터미널·셸·tmux의 역할부터 구분해 보자. macOS 기본 조작, 최소 설정, 세션 복귀 실습, 한글 입력·SSH 문제 해결과 iTerm2·Warp 비교를 함께 안내한다. -
Host Multiple Private Websites and a Hermes Dashboard with Tailscale Serve Use Tailscale Serve to reach multiple local websites and a password-protected Hermes dashboard, with correct HTTPS ports, Host checks, and troubleshooting. -
Claude Code API vs. Subscription: Costs, Limits, and How to Choose Compare Claude Code subscriptions, usage credits, and API billing with clear cost examples, setup steps, and a practical way to choose your spending plan. -
SSH와 tmux로 맥미니를 원격 AI 작업실로 쓰기 노트북을 닫아도 맥미니의 CLI 작업을 이어가고 싶다면 SSH와 tmux를 함께 사용해 보자. 첫 연결부터 세션 복귀, Claude Code·Hermes·Ollama 실행, 기본 명령어와 설정, 대체 도구 선택까지 차근차근 따라가는 안내서다. -
Claude Code 에이전트와 서브에이전트: 개념부터 실전 활용까지 Claude Code의 에이전트와 서브에이전트는 무엇이 다를까요? 작업을 맡기고 결과를 검증하는 구조, Anthropic의 공개 플러그인 사례, 읽기 전용 검토자 설정과 실전 프롬프트를 통해 언제 어떻게 나눠 일하면 좋은지 설명합니다.