만드는 사람들을 위한 기록
바이브코딩, AI 개발 도구, 그리고 아이디어를 서비스로 키워가는 이야기를 씁니다.
전체 글
- React 기초 · 1편React란 무엇인가 — 선언형 UI와 컴포넌트라는 발상React가 해결하려 한 문제는 무엇이고, '명령형에서 선언형으로'라는 전환은 왜 중요한가. 웹 개발 경험에 빗대어 React의 핵심 발상을 짚습니다.
- 누구나 따라하는 바이브코딩 · 8편내 서비스를 세상에 내놓기 — 바이브 코더의 배포 첫걸음로컬에서만 돌아가던 앱을 인터넷에 배포하는 방법을 처음부터 단계별로 다룹니다.
- UX디자인 선언 · 7편인지를 디자인에 어떻게 활용할 것인가 — 그리고 어포던스라는 조용한 설득선택집중, 연관짓기, 심성모형이라는 세 가지 인지 처리 방식이 실제 디자인에 던지는 시사점을 살펴보고, 사용자의 무의식을 통해 행동을 이끄는 어포던스라는 개념까지 함께 짚어봅니다.
- 스타트업 군주론 · 3편접점(contact point) 위주로 움직이는 사업의 위험성에 대하여 — 대표의 인맥이 곧 매출 구조일 때『스타트업 군주론』 세 번째 이야기. 창업자의 개인적 관계로 만들어진 초기 매출이 왜 오래가지 못하는지, 빌린 힘으로 얻은 권력을 지키지 못했던 체사레 보르자의 이야기를 빌려 살펴봅니다.
- 단상 · 1편스페큘러티브 디자인: 선호되는 미래를 디자인하다미래를 예측하는 것을 넘어, 사회 전체가 나아갈 더 나은 길을 제안하는 스페큘러티브 디자인. 그 개념과 베풀장이 지향하는 디자인 방향을 이야기합니다.
- 누구나 따라하는 바이브코딩 · 7편AI로 기능 쌓기 — 기능이 늘어날수록 구조를 잃지 않는 방법AI에게 기능을 요청하는 올바른 방법과, 기능이 늘어도 구조를 잃지 않는 개발 루틴을 소개합니다.
- UX디자인 선언 · 6편사용자의 머릿속, 인지라는 빙산 — 선택집중·연관짓기·심성모형사용자 경험은 결국 사용자의 머릿속에서 완성됩니다. 인지를 빙산에 비유하며, 그 아래에서 작동하는 선택집중·연관짓기·심성모형이라는 세 가지 인지처리 방식을 살펴봅니다.
- 스타트업 군주론 · 2편돈을 목표로 삼는 위험에 대하여 — 좇을수록 멀어지는 역설『스타트업 군주론』 두 번째 이야기. 비전이 있어도 그 자리에 돈이 슬며시 들어와 앉는 순간, 조직의 의사결정이 어떻게 왜곡되는지를 마키아벨리의 부(富)에 대한 논의를 빌려 살펴봅니다.
- 스타트업 군주론 · 1편내적으로 명확한 비전이 제시되지 않는 위험에 대하여마키아벨리의 『군주론』을 스타트업에 옮겨 읽는 시리즈, 그 첫 번째 이야기입니다. 비전이 없는 게 아니라 명확하게 제시되지 않은 위험이 어떻게 조직을 각자 다른 방향으로 흩어놓는지 살펴봅니다.
- 누구나 따라하는 바이브코딩 · 6편MCP란 무엇인가 — Claude Code에 외부 도구 연결하기MCP(Model Context Protocol)의 개념과, Claude Code에 외부 도구를 연결하는 방법을 단계별로 설명합니다.
- UX디자인 선언 · 5편사용성, 편의성, 감성 — UX디자인이 실제로 다루는 세 가지 파라미터UX디자인이 실제로 조정할 수 있는 세 가지 파라미터인 사용성, 편의성, 감성을 각각 정의하고, 이들 사이에 존재하는 트레이드오프를 구체적인 사례로 살펴봅니다.
- 누구나 따라하는 바이브코딩 · 5편바이브코딩의 함정 — 빠를수록 구조를 잃는다바이브코딩으로 빠르게 만들다 보면 반드시 마주치는 구조 붕괴 문제와, 이를 해결하는 방법을 소개합니다.
- UX디자인 선언 · 4편사용자 경험을 이루는 6가지 속성 — UX 피라미드UX디자인이 실제로 다루는 것은 무엇일까요? UX 피라미드라는 프레임워크를 통해 경험을 이루는 여섯 가지 속성을 나누고, 그 중 디자이너가 조정할 수 있는 영역이 어디인지 짚어봅니다.
- 누구나 따라하는 바이브코딩 · 4편바이브코딩으로 첫 화면 만들기 — 아이디어를 코드로 바꾸는 실전 가이드아이디어를 프롬프트로 바꾸는 방법과 AI와 주고받으며 코드를 완성하는 흐름을 실전 예제로 설명합니다.
- UX디자인 선언 · 3편경험이란 무엇인가 — 습득의 과정으로 본 사용자 경험경험이란 습득의 과정입니다. 일상의 언어와 사전적 정의에서 출발해 인지와 행동, 시퀀스와 비가역성이라는 개념으로 경험이 형성되는 원리를 짚어보고, 그 안에서 UX디자이너가 하는 일이 무엇인지 다시 살펴봅니다.
- 누구나 따라하는 바이브코딩 · 3편CLAUDE.md 작성법 — AI가 내 프로젝트를 이해하게 만드는 방법Claude Code가 프로젝트 구조와 규칙을 기억하게 만드는 CLAUDE.md 파일의 작성법을 좋은 예시와 나쁜 예시로 설명합니다.
- UX디자인 선언 · 2편UX디자인은 왜 등장했나 — 소비자에서 사용자로UX디자인은 어느 날 갑자기 생긴 개념이 아닙니다. 장식에서 상품 기획으로, 다시 사용자의 인지로 — 디자인의 관심이 옮겨온 흐름을 따라가며 'UX디자인'이라는 선언의 배경을 짚습니다.
- UX디자인 선언 · 1편UX디자인에 대한 흔한 오해채용 공고에도, 기획서에도, 포트폴리오에도 등장하는 UX디자인. 익숙한 만큼 오해도 많은 이 개념을 두 가지 대표적 오해에서 출발해 다시 들여다봅니다.
- 누구나 따라하는 바이브코딩 · 2편Claude Code 설치 방법 — 터미널부터 첫 대화까지 단계별 가이드Claude Code를 처음 설치하는 과정을 터미널 사용법, Node.js 설치, 로그인(구독 또는 API 키)부터 첫 번째 프롬프트까지 단계별로 안내합니다.
- 누구나 따라하는 바이브코딩 · 1편바이브코딩이란? 개념부터 도구 비교까지 한 번에 정리AI가 코드를 대신 써주는 바이브코딩의 개념, 적합한 상황, 그리고 Cursor·Claude Code·Copilot 등 대표 도구를 비교합니다.