만드는 사람들을 위한 기록
바이브코딩, AI 개발 도구, 그리고 아이디어를 서비스로 키워가는 이야기를 씁니다.
전체 글
- 누구나 따라하는 바이브코딩 · 11편바이브 코딩으로 만든 서비스, 오래 살아남기바이브코딩의 장기 지속 문제와, 구조를 기록하는 습관이 만드는 차이, 지속 가능한 장기 개발 루틴을 정리합니다.
- UX디자인 선언 · 10편관찰의 도구들 — 사용자가 무엇을 하는지 모를 때사용자가 무엇을 하는지, 왜 그렇게 하는지 알 수 없을 때 꺼내는 관찰 도구 11가지를 소개합니다. 미행관찰부터 은유 추출(ZMET)까지, 각 도구의 쓰임과 한계를 짚습니다.
- React Native · 1편React Native란 무엇인가 — 웹이 아닌 화면을 React로 그리기React Native는 웹뷰로 감싼 하이브리드 앱이 아닙니다. React의 사고방식은 그대로 두고 '무엇을 그릴 것인가'만 바꾼다는 관점에서, React Native의 정체와 웹과의 경계를 짚습니다.
- 스타트업 군주론 · 6편이끌지 못하고 지배하는 위험에 대하여 — 복종은 시키는 데까지, 이해는 그 너머까지『스타트업 군주론』 2부의 두 번째 이야기. 자리의 힘으로 복종을 얻어내는 것과 사람을 이끄는 것은 다릅니다. 강제된 복종만으로 굴러가는 조직이 왜 대표가 보는 앞에서만 움직이는지를, 마키아벨리가 나눈 두 종류의 권력을 빌려 살펴봅니다.
- 스타트업 군주론 · 5편이길 수 없는 전장에서 싸우는 위험에 대하여 — 용맹은 뛰어들고, 전략은 고른다『스타트업 군주론』 2부의 첫 이야기. 어느 전장에 서게 되는가는 상당 부분 운의 몫이고, 그 안에서 어떻게 싸우는가가 실력의 몫입니다. 지는 전장에서 근성으로 버티는 위험을, 마키아벨리가 본 로마인의 전쟁 방식과 운명(fortuna)의 절반을 빌려 살펴봅니다.
- 누구나 따라하는 바이브코딩 · 10편버그와 마주쳤을 때 — AI와 함께 원인을 찾는 법프로덕션 버그를 마주했을 때 AI와 함께 원인을 찾고 해결하는 방법을 설명합니다.
- UX디자인 선언 · 9편감성은 강물의 온도다 — UX디자인의 세 번째 파라미터사용성과 편의성만으로는 설명되지 않는 감성이라는 층위를 다룹니다. 도널드 노먼의 세 가지 감성 수준을 통해 UX디자인에서 감성이 수행하는 역할과, 감성 디자인이 빠지기 쉬운 함정을 살펴봅니다.
- 누구나 따라하는 바이브코딩 · 9편배포 후 코드 정리하기 — AI와 함께 리팩터링하는 법바이브코딩 후 반드시 필요한 리팩터링을 AI와 함께 진행하는 방법을 설명합니다.
- React 기초 · 8편Context — 멀리 떨어진 컴포넌트에 값을 건네는 길Props를 계단처럼 넘기는 prop drilling의 피로를 Context로 푸는 법을 정리합니다. createContext·Provider·useContext 3단계, 그리고 언제 쓰고 언제 아껴야 하는지까지 짚습니다.
- UX디자인 선언 · 8편행동은 인지의 소용돌이다 — 보이지 않는 것을 관찰하는 법사용자의 인지는 직접 들여다볼 수 없습니다. 그러나 인지가 어긋나는 지점에서 사용자는 반드시 평소와 다른 행동을 보입니다. 쇼핑몰 엘리베이터와 편의점 우유 사례로 행동 관찰이 UX디자인의 출발점인 이유를 살펴봅니다.
- 스타트업 군주론 · 4편시운으로 사업을 확장하는 위험에 대하여 — 운이 열어준 문, 역량이 지키는 자리『스타트업 군주론』 1부의 마지막 이야기. 시장의 흐름에 올라탄 성장을 스스로의 역량으로 착각하는 위험을, 마키아벨리의 역량(virtù)과 운명(fortuna) 개념을 빌려 짚어봅니다.
- React 기초 · 7편useRef — 화면을 건드리지 않고 값을 기억하기State와 달리 바뀌어도 리렌더를 일으키지 않는 useRef를 정리합니다. 일반 변수·전역 let과 무엇이 다른지, 왜 렌더링 중엔 읽고 쓰면 안 되는지, 그리고 DOM에 손대는 대표 쓰임까지 다룹니다.
- React 기초 · 6편useEffect 정리 함수(cleanup) — 켠 것을 끄는 대칭의 기술useEffect의 정리 함수가 언제, 왜 실행되는지 생명주기로 정리합니다. 흔히 오해하는 '개발 모드 이중 실행'의 진짜 이유(StrictMode)까지 명확히 짚습니다.
- React 기초 · 5편useEffect — 렌더링 바깥의 일을 다루기React의 useEffect를 '사이드 이펙트'라는 개념부터 짚습니다. 렌더링과 무엇이 다른지, 의존성 배열의 세 가지 형태가 각각 언제 실행되는지, 그리고 흔한 오해까지 정리합니다.
- React 기초 · 4편State와 useState — 컴포넌트가 스스로 기억하는 값React의 State를 Props와 대비해 정리합니다. 일반 변수로는 왜 안 되는지, useState를 왜 const로 받는지, 값을 반드시 setter로 바꿔야 하는 이유까지 짚습니다.