🎯 디자이너의 눈으로 UX의 디테일에 집착하다
아무리 코드를 쥐어잡고 백엔드까지 넘나드는 '개발자 모드'로 컴파일을 하고 있어도, 제 본진은 결국 디자이너입니다. 화면 한 칸의 여백, 컴포넌트의 정렬, 그리고 유저가 마주할 미세한 뚝뚝 끊김이나 불편함은 도저히 눈감아줄 수가 없죠.
🏁 1인 메이커를 위한 운영 자동화와 대장정의 회고
130GB 대역폭 폭탄과 Vercel 정지라는 짜릿한 스파링을 치르고 나니, 저는 인프라 보안까지 다룰 줄 아는 한 단계 진화한 디자인 엔지니어가 되어 있었습니다. 🧙♂️
💣 하루 만에 대역폭 130GB 폭탄? Vercel 계정 중단 위기 탈출기
Supabase DB로 엔진도 교체했고, 초성 검색에 ISR 캐싱까지 달아놓으니 사이트는 그야말로 날아다녔습니다. 🚀 "아, 나 좀 개발 잘하는지도?"라며 디자이너의 자아와 개발자의 자아가 동시에 샴페인을 터뜨리던 5월 중순의 어느 날, 이메일 알림 하나가 스마트폰을…
👋 Supabase 이사와 무자비한 캐시 최적화
초기엔 쉽고 빠르게 데이터를 관리하려고 Notion(노션) DB를 연동해 JSON 파일로 빌드 시점에 동기화하는 방식을 쓰기로 계획했지만, 유저들이 실시간으로 로고를 제보하고, 제가 어드민 페이지에서 이를 실시간으로 검증하고 반영하기엔 노션은 너무나 느리고 정적인 도구…
🤔 왜 하필 '로고착착'이었을까?
Intro: 왜 하필 '로고착착'이었을까?
시리즈의 완성은 연결: ACF로 구축하는 연재 시스템 🦴🔗
안녕하세요, 0.1px의 정렬만큼이나 콘텐츠의 '논리적 흐름'에 집착하는 집착가, 디자인 엔지니어 올리브입니다. 🌿 화려한 컬러 피커도 좋지만, 디자인 엔지니어의 블로그라면 모름지기 시스템으로 승부해야 합니다. 특히 저처럼 10부작 시리즈를 연재할 때는, 사용자가 1…
두 세계의 완벽한 결합: 디자인 엔지니어의 최종 회고록 🌉
안녕하세요, 눈에 보이지 않는 서버의 뼈대부터 화면에 뿌려지는 0.1px의 시각적 안정감까지 모든 것을 통제해야 직성이 풀리는 집착가, 디자인 엔지니어 올리브입니다. 🌿 무거운 워드프레스의 몸통을 잘라내고(Headless), ACF로 데이터의 뼈대를 정교하게 깎고,…
0.1초 컷의 마법: Vercel 배포와 완벽한 캐싱 전략 🚀🌐
안녕하세요, 픽셀을 깎는 데는 밤을 새우지만 서버 세팅에 1분 이상 쓰는 건 용납하지 못하는 집착가, 디자인 엔지니어 올리브입니다. 🌿 백엔드 다이어트부터 ACF 데이터 규격화, 그리고 SEO 브릿지까지. 우리는 보이지 않는 곳에서 완벽한 시스템을 구축했습니다. 이제…
검색 로봇에게 시리즈를 어필하다: Next.js로 짓는 SEO 브릿지 🌉
안녕하세요, 픽셀의 정렬뿐만 아니라 구글 로봇의 '데이터 정렬'까지 완벽하게 통제해야 직성이 풀리는 집착가, 디자인 엔지니어 올리브입니다. 🌿 지난 7편에서 우리는 ACF를 이용해 "이 글은 '워드프레스 0.1초 컷' 시리즈의 8번째 글이야"라는 데이터를 예쁘게 깎아…