[태그:] 블로그 만들기
인프라
당근 디자인 시스템을 내 블로그에 부어봤다 — 깨진 건 전부 토큰 밖이었다
당근의 디자인 시스템 Seed를 뜯어보다가 궁금해졌습니다. 남의 디자인 시스템 토큰을 내 사이트에 그대로 부으면 무슨 일이 생길까. 마침 이 블로그는 커스텀 테마를…
인프라
내가 쓰지도 않은 CSS가 컴포넌트를 망가뜨릴 때 — 전역 선택자 함정 2개
홈 화면 히어로를 캐러셀로 바꿨습니다. 로컬에서 확인하고, 모바일에서 확인하고, 배포했습니다. 그리고 사흘 뒤에 데스크톱에서 열어본 뒤에야 알았습니다 — 히어로 오른쪽 절반이 텅…
인프라
CSS 그리드가 화면 밖으로 넘칠 때 — 다크 테마 블로그에서 만난 함정 3개
이 블로그를 커스텀 테마로 직접 만들면서 18편을 쓰는 동안, 같은 종류의 함정에 세 번 걸렸습니다. 공교롭게도 셋 다 성격이 똑같습니다 — 내가…
인프라
애드센스가 “가치 없는 콘텐츠”로 거절했을 때 — 얇은 페이지 56개 걷어낸 기록 (만들기 07)
Cloudflare Pages에 배포까지 끝내고 3주쯤 굴린 뒤 애드센스를 신청했습니다. "검토 중"이 며칠 이어지다 결과가 왔습니다. 가치가 별로 없는 콘텐츠승인되지 않은 사이트에 관한…
인프라
블로그 이름 짓기 — 브랜드는 aimake.log, 도메인은 aimakelog.app으로 다르게 간 이유
플랫폼을 고르고 테마를 만드는 일에 비하면 블로그 이름 짓기는 사소해 보입니다. 그런데 도메인은 한번 정하면 되돌리기가 가장 어려운 결정이기도 합니다. 무엇을 기준으로…
인프라
Cloudflare Pages 무료 배포 — 명령 한 줄로 내 도메인에 올리기 (만들기 06)
지난 편에서 워드프레스를 폴더 하나로 내보내는 것까지 했습니다. 이제 그 폴더를 인터넷에 올릴 차례입니다 — Cloudflare Pages 무료 배포입니다. Cloudflare Pages가 뭔가요?…
인프라
워드프레스 정적 내보내기 — Simply Static 실전 세팅과 함정 5개 (만들기 05)
지난 편에서 간격과 글자 크기를 토큰으로 고정하는 얘기까지 했습니다. 이제 그 시안이 실제 파일이 되어 인터넷에 올라갈 차례입니다 — 워드프레스 정적 내보내기입니다.…
인프라
CSS 간격, 몇 px이 맞을까 — 4px 그리드와 타입 스케일로 고민을 없애는 법 (만들기 04)
지난 편에서 시안의 CSS를 테마로 그대로 옮겼다고 했는데, 그 시안의 숫자들이 어떻게 정해졌는지가 이번 이야기입니다. 결론은 단순합니다 — 저는 어떤 간격도 그…
인프라
워드프레스 커스텀 테마 만들기 — 기성 테마에 덧칠하다 갈아엎은 이유 (만들기 03)
지난 편에서 워드프레스를 맥에 세웠으니 이번엔 겉모습입니다. 결론부터 말하면 저는 기성 테마 커스터마이징으로 시작했다가 중간에 갈아엎고 테마를 직접 만들었습니다. 이 글은 그…
인프라
워드프레스 로컬 설치, 서버 없이 맥에서 — Local 앱 5분 세팅과 함정 3개 (만들기 02)
지난 편에서 정한 구조의 첫 조각입니다 — 워드프레스를 호스팅에 올리지 않고 내 맥 안에서만 돌리는 것. 이걸 해주는 도구가 Local이라는 무료 앱이고,…
인프라
티스토리 대신 워드프레스로 수익형 블로그 만들기 — 서버비 0원 정적 배포 구조 (만들기 01)
수익형 블로그를 시작할 때 첫 결정은 글감이 아니라 플랫폼입니다. 저도 티스토리, 네이버 블로그, 워드프레스 사이에서 한참 고민했고, 결론은 조금 특이한 구조가 됐습니다…