로고착착(Logochakchak) 제작기
🤔 왜 하필 '로고착착'이었을까? · 🎯 디자이너의 눈으로 UX의 디테일에 집착하다 · 👋 Supabase 이사와 무자비한 캐시 최적화 …
Claude·GPT·Gemini한테 똑같이 물었다 — 나를 분석하고 책 3권을 추천해달라고
스레드에서 이런 글을 보고 나도 해보고 싶어서 Claude, GPT, Gemini 세 AI에게 같은 프롬프트를 줘 보았다.
번아웃과 클로드와의 면담
번아웃과 클로드와의 면담 오후 내내 클로드와 대화했다. 처음엔 이직 고민이었다. 회사 근처로 이직하면 출퇴근이 편해질 것 같았고, 업무 범위가 명확한 곳에 가면 덜 지칠 것 같았다. 괜찮아 보이는 공고 하나를 붙잡고, 포트폴리오를 어떻게 만들지 상담을 시작했다. 그런데…
단돈 5달러로 내 터미널에 시니어 개발자 모시는 법 (feat. 클로드 코드)
안녕하세요, 올리브입니다! 🫒 최근까지 제미나이(Gemini)와 안티그래비티(Antigravity) 조합으로 쾌적한 스펙 주도형(Spec-driven) 개발을 즐기고 계셨던 분들 많으시죠? 저 역시 시각적인 UI가 주는 안정감에 만족하고 있었는데요. 하지만 가끔은 에…
헤드리스 블로그 구글 애드센스 등록 가이드 🚀
안녕하세요, 올리브입니다! 드디어 피땀 눈물 흘려 만든 소중한 헤드리스 블로그를 세상에 당당히 공개할 때가 왔네요. 하지만 무작정 오픈한다고 구글이 우리를 알아서 찾아와 주진 않겠죠? 깐깐한 구글 봇이라는 VVIP 손님을 제대로 맞이하려면 아주 매끄러운 레드카펫을 미리…
워드프레스 제작기
왜 'Headless'인가? 성능 점수에 집착하는 디자인 엔지니어의 선택 🚀 · 머리와 몸통의 이별: Next.js와 워드프레스의 분리 원리 🔗 · 집 찾기 대작전: Cloudways 서버 세팅 및 최적화 🏠🛠️ …
피그마(Figma)의 배신: 브라우저와의 1px 오차를 좁히는 집착의 렌더링 📏🌿
안녕하세요, 기계가 계산한 수학적 정렬보다 내 눈에 완벽해 보이는 '시각적 정렬'을 더 믿는 디자인 엔지니어 올리브입니다. 🌿 모든 프로젝트의 시작은 피그마(Figma)에서 이루어집니다. 0.1px의 그리드를 켜고, 텍스트와 박스의 간격을 한 치의 오차도 없이 정렬하…
워드프레스 HTML 덩어리와의 사투: dangerouslySetInnerHTML 완벽하게 통제하기 🗡️🌿
안녕하세요, 정규 시리즈에서는 차마 다 풀지 못했던 날것의 코딩 삽질기를 들고 온 디자인 엔지니어 올리브입니다. 🌿 Headless 워드프레스 아키텍처는 겉보기엔 아주 우아합니다. 백엔드와 프론트엔드가 완벽하게 분리되어 있으니까요. 하지만 프론트엔드 개발자가 워드프레…
완벽한 속도의 부작용: 엣지 캐시(Cache)와의 지독한 숨바꼭질과 웹훅(Webhook) 🕸️⚡
안녕하세요, 0.1초의 로딩 속도를 얻어내고 기뻐하다가, 수정한 오타가 3일째 안 바뀌는 현상을 보고 절망했던 디자인 엔지니어 올리브입니다. 🌿 제9편에서 저는 Vercel의 정적 사이트 생성(SSG)과 엣지 네트워크를 찬양했습니다. 미리 구워진 HTML을 뿌려주니…