단돈 5달러로 내 터미널에 시니어 개발자 모시는 법 (feat. 클로드 코드)
안녕하세요, 올리브입니다! 🫒 최근까지 제미나이(Gemini)와 안티그래비티(Antigravity) 조합으로 쾌적한 스펙 주도형(Spec-driven) 개발을 즐기고 계셨던 분들 많으시죠? 저 역시 시각적인 UI가 주는 안정감에 만족하고 있었는데요. 하지만 가끔은 에…
헤드리스 블로그 구글 애드센스 등록 가이드 🚀
안녕하세요, 올리브입니다! 드디어 피땀 눈물 흘려 만든 소중한 헤드리스 블로그를 세상에 당당히 공개할 때가 왔네요. 하지만 무작정 오픈한다고 구글이 우리를 알아서 찾아와 주진 않겠죠? 깐깐한 구글 봇이라는 VVIP 손님을 제대로 맞이하려면 아주 매끄러운 레드카펫을 미리…
완벽한 속도의 부작용: 엣지 캐시(Cache)와의 지독한 숨바꼭질과 웹훅(Webhook) 🕸️⚡
안녕하세요, 0.1초의 로딩 속도를 얻어내고 기뻐하다가, 수정한 오타가 3일째 안 바뀌는 현상을 보고 절망했던 디자인 엔지니어 올리브입니다. 🌿 제9편에서 저는 Vercel의 정적 사이트 생성(SSG)과 엣지 네트워크를 찬양했습니다. 미리 구워진 HTML을 뿌려주니…
피그마(Figma)의 배신: 브라우저와의 1px 오차를 좁히는 집착의 렌더링 📏🌿
안녕하세요, 기계가 계산한 수학적 정렬보다 내 눈에 완벽해 보이는 '시각적 정렬'을 더 믿는 디자인 엔지니어 올리브입니다. 🌿 모든 프로젝트의 시작은 피그마(Figma)에서 이루어집니다. 0.1px의 그리드를 켜고, 텍스트와 박스의 간격을 한 치의 오차도 없이 정렬하…
워드프레스 HTML 덩어리와의 사투: dangerouslySetInnerHTML 완벽하게 통제하기 🗡️🌿
안녕하세요, 정규 시리즈에서는 차마 다 풀지 못했던 날것의 코딩 삽질기를 들고 온 디자인 엔지니어 올리브입니다. 🌿 Headless 워드프레스 아키텍처는 겉보기엔 아주 우아합니다. 백엔드와 프론트엔드가 완벽하게 분리되어 있으니까요. 하지만 프론트엔드 개발자가 워드프레…
단순 노가다는 거부한다: 구글 드라이브와 스프레드시트 자동화 사투 🤖📊
안녕하세요, 화면의 0.1px 덜컹거림만큼이나 제 소중한 시간을 갉아먹는 '단순 반복 업무'를 혐오하는 디자인 엔지니어 올리브입니다. 🌿 블로그 시리즈를 연재하거나 각종 브랜드의 웹 자산을 세팅하다 보면, 피할 수 없는 거대한 장벽과 마주하게 됩니다. 코딩 에러냐고요…
배포는 되는데 왜 내 컴에선 안 돼? 로컬 환경 복구 분투기 🛠️
안녕하세요, oliveves.blog의 디자인 엔지니어 올리브입니다. 🌿 여러분, 혹시 이런 경험 있으신가요? Vercel에 배포된 사이트는 0.1초 만에 번쩍번쩍 잘 뜨는데, 정작 수정을 하려고 내 컴퓨터(로컬)에서 미리보기를 켜면 암전 상태일 때... 🫠 분명…