워드프레스 제작기(10)
왜 'Headless'인가? 성능 점수에 집착하는 디자인 엔지니어의 선택 🚀
안녕하세요, 올리브입니다. 디자인 엔지니어에게 '로딩 스피너'란 무엇일까요? 그건 마치 공들여 지은 세이지 톤의 미니멀한 대저택 현관문에 "잠시만요, 청소 중입니다"라는 팻말을 걸어두는 것과 같습니다. 절대 용납할 수 없죠. 🙅♂️ 제 블로그의 목표는 명확했습니다.…
머리와 몸통의 이별: Next.js와 워드프레스의 분리 원리 🔗
안녕하세요, 디자인과 성능의 완벽한 레이아웃을 설계하는 디자인 엔지니어 올리브입니다. 🌿 1편에서 제가 왜 '머리를 뗐는지(Headless)' 말씀드렸죠? 오늘은 그 떨어진 머리(Next.js)와 몸통(WordPress)이 어떻게 서로 텔레파시를 주고받으며 0.1초…
집 찾기 대작전: Cloudways 서버 세팅 및 최적화 🏠🛠️
안녕하세요, 디자인의 기초 공사부터 성능의 마감재까지 직접 고르는 디자인 엔지니어 올리브입니다. 🌿 지난 시간에 '머리(Next.js)'와 '몸통(WordPress)'을 분리했으니, 이제 이 든든한 몸통이 편히 쉴 곳을 마련해 줄 차례입니다. 바로 서버(Hosting…
최적의 성능을 위한 선택: 워드프레스 코어 다이어트와 필수 플러그인 🏃♂️💨
안녕하세요, 디자인과 성능의 완벽한 레이아웃을 설계하는 집착가, 디자인 엔지니어 올리브입니다. 🌿 성능 점수 100점이라는 목표는 단순히 코드를 잘 짜는 것만으로 달성되지 않습니다. 오히려 무엇을 '하지 않을지' 결정하는 데서 판가름 나죠. 특히 워드프레스는 기본적으…
통역사 고용하기: WPGraphQL로 데이터 통신 설정 🍣🔗
안녕하세요, 0.1초의 레이턴시(Latency)도 용납하지 않는 집착가, 디자인 엔지니어 올리브입니다. 🌿 지난 시간에 워드프레스의 불필요한 지방을 쏙 뺐다면, 이제는 그 슬림해진 몸통과 우리의 똑똑한 머리(Next.js)가 대화할 수 있게 통로를 뚫어줄 차례입니다.…
구글 로봇과의 썸타기: Rank Math로 완성하는 Headless SEO 🤖💖
안녕하세요, 픽셀의 정렬만큼이나 검색 결과의 순위에도 진심인 집착가, 디자인 엔지니어 올리브입니다. 🌿 우리가 아무리 세이지 톤으로 아름답게 블로그를 깎고, 0.1초 만에 페이지가 뜨게 만들어도 구글 로봇이 우리 집 주소를 모르면 소용없겠죠? 보통 워드프레스는 플러그…
시리즈의 완성은 연결: ACF로 구축하는 연재 시스템 🦴🔗
안녕하세요, 0.1px의 정렬만큼이나 콘텐츠의 '논리적 흐름'에 집착하는 집착가, 디자인 엔지니어 올리브입니다. 🌿 화려한 컬러 피커도 좋지만, 디자인 엔지니어의 블로그라면 모름지기 시스템으로 승부해야 합니다. 특히 저처럼 10부작 시리즈를 연재할 때는, 사용자가 1…
검색 로봇에게 시리즈를 어필하다: Next.js로 짓는 SEO 브릿지 🌉
안녕하세요, 픽셀의 정렬뿐만 아니라 구글 로봇의 '데이터 정렬'까지 완벽하게 통제해야 직성이 풀리는 집착가, 디자인 엔지니어 올리브입니다. 🌿 지난 7편에서 우리는 ACF를 이용해 "이 글은 '워드프레스 0.1초 컷' 시리즈의 8번째 글이야"라는 데이터를 예쁘게 깎아…
0.1초 컷의 마법: Vercel 배포와 완벽한 캐싱 전략 🚀🌐
안녕하세요, 픽셀을 깎는 데는 밤을 새우지만 서버 세팅에 1분 이상 쓰는 건 용납하지 못하는 집착가, 디자인 엔지니어 올리브입니다. 🌿 백엔드 다이어트부터 ACF 데이터 규격화, 그리고 SEO 브릿지까지. 우리는 보이지 않는 곳에서 완벽한 시스템을 구축했습니다. 이제…