Web

이 X 포스트는 긴 설명 대신 아주 실용적인 지도를 던집니다. 디자인 영감이 필요할 때 카테고리별로 어디를 열어야 하는지 한 줄씩 정리해 둔 링크 모음입니다. 웹 디자인, 랜딩 페이지, SaaS 사이트, 내비게이션 바, CTA, 애니메이션, 모바일 앱, 브랜드, 아이콘, 디자인 시스템까지 “무엇이 막혔는지” 에 따라 바로 들어갈 입구를 나눠 준다 는 점이 핵심입니다. (원문: X 포스트, 추출: Jina Reader) 이런 종류의 큐레이션이 유용한 이유는 레퍼런스를 무작정 많이 보는 것보다, 지금 막힌 문제가 “전체 톤”, “히어로 섹션”, “CTA”, “아이콘”, “컴포넌트 체계” 중 무엇인지 먼저 분류하는 편이 훨씬 빠르기 때문입니다. 특히 Claude Code, Codex, v0, Lovable 같은 도구로 화면을 만들 때도 결국 잘 되는 프롬프트는 추상적 취향이 아니라 구체적 레퍼런스의 묶음 에서 나옵니다. (원문: X 포스트) 더보기

2026년 3월 20일 OpenAI Developers에 올라온 Designing delightful frontends with GPT-5.4 의 핵심은 단순히 “GPT-5.4가 더 예쁜 화면을 만든다"가 아닙니다. 더 정확히는, GPT-5.4는 이미지를 보고 판단하고, UI를 구현하고, 다시 실행해 검증하는 루프 가 이전보다 훨씬 자연스러워졌고, 그 루프를 살리는 프롬프트 구조가 따로 있다는 이야기입니다. 이 글은 같은 달 3월 5일 공개된 Introducing GPT-5.4 와 함께 읽으면서, OpenAI가 왜 시각 참조, 디자인 제약, 낮은 reasoning, 실제 콘텐츠, Playwright 검증을 한 세트로 묶어 이야기하는지 정리합니다. 포인트는 “길게 지시하면 잘 만든다"가 아니라, 좋은 프런트엔드가 나오도록 작업면 자체를 설계하는 것 입니다. 더보기

AI가 만든 웹사이트 디자인을 보면 왠지 모를 ‘AI스러운’ 느낌을 받을 때가 많습니다. 어색한 폰트, 보라색 그라데이션, 정돈되지 않은 레이아웃 등 이른바 **AI 슬롭(AI Slop)**이라 불리는 현상인데요. 이번 포스트에서는 클로드 코드(Claude Code)의 잠재력을 200% 끌어올려 전문가 수준의 웹사이트를 제작하는 혁신적인 스킬과 워크플로우를 소개합니다. 더보기

2026년 웹 개발 담론에서 가장 흥미로운 변화는 “프레임워크 선택 자체의 중요도"가 내려가고, 애플리케이션 구조를 어떻게 설계하는지가 더 중요해졌다는 주장입니다. 영상은 이 변화를 React 비판, AI 코드 생성 편향, 그리고 isomorphic-first 재정렬이라는 세 축으로 풀어냅니다 (근거: t=35, t=299). 더보기

브라우저를 쓰는 AI 에이전트가 늘어나면서, 웹사이트는 이제 “사람만 읽기 좋은 UI"를 넘어 “에이전트가 결정적으로 조작하기 좋은 인터페이스"를 요구받고 있습니다. 더보기

지난포스트에서는 Next.js 프로젝트를 진행하면서 유용하게 사용할 수 있는 자작 커스텀 훅, useFormUrlSync을 개선한 버전에 대해서 이야기 해 봅니다. 더보기

이번 포스트에서는 Next.js 프로젝트를 진행하면서 유용하게 사용할 수 있는 자작 커스텀 훅, useFormUrlSync에 대해 이야기하고자 합니다. 더보기