기반 설계구조 설계
Next.js App Router로 기술 블로그 폴더 구조 잡기
글, 카테고리, 정책 페이지, 이후 도구 페이지까지 한 번에 확장할 수 있는 프로젝트 구조를 실제 예시와 함께 정리합니다.
아카이브
28개의 주제를 한 흐름으로 묶은 아카이브
웹사이트 구조, 검색 신뢰, 성능, 작은 도구 제작에 관한 주제를 카테고리별로 묶었습니다. 필요한 글을 바로 찾기 쉽도록 주제의 결을 먼저 나누고, 관련 흐름 안에서 이어 읽을 수 있게 구성했습니다.
기반 설계
도메인, 정보 구조, 라우팅, 배포처럼 사이트의 뼈대를 다루는 글입니다.
기반 설계작성 워크플로우
Markdown, MDX, Headless CMS 중 무엇을 고를까
혼자 운영하는 사이트에서 작성 경험과 유지보수 비용을 어떻게 비교해야 하는지 현실적인 기준으로 정리합니다.
기반 설계URL 아키텍처
slug, 날짜, 카테고리 구조를 처음부터 덜 꼬이게 만드는 법
URL과 콘텐츠 분류 체계를 나중에 다시 뜯어고치지 않도록, 초기에 정해둘 원칙과 예외를 설명합니다.
기반 설계도메인 배포
Cloudflare로 커스텀 도메인 연결할 때 자주 나는 실수 7가지
DNS, 프록시, SSL 설정에서 자주 막히는 지점을 사례 중심으로 정리하고, 빠르게 확인하는 순서를 제시합니다.
기반 설계배포 정리
Vercel 배포 후 www, non-www, canonical을 한 번에 정리하는 방법
중복 URL 문제를 줄이고 검색 엔진이 기준 주소를 정확히 이해하도록 만드는 설정 흐름을 다룹니다.
검색/신뢰
색인, 메타데이터, 정책 페이지, 구조화 데이터처럼 신뢰 신호를 다루는 글입니다.
검색/신뢰색인 기본기
Next.js에서 sitemap.xml과 robots.txt를 자동 생성하는 방법
정적 블로그에서도 크롤러가 필요한 경로를 명확히 이해하도록 기본 파일을 자동화하는 방법을 정리합니다.
검색/신뢰검색 등록
Search Console에 사이트를 등록한 뒤 바로 확인해야 할 항목들
도메인 연결 직후 무엇을 먼저 보고, 어떤 항목은 기다려야 하는지 초기 점검 순서대로 안내합니다.
검색/신뢰문제 해결
새 글이 색인되지 않을 때 직접 확인하는 순서
크롤링, 중복, noindex, 내부 링크 문제를 차례대로 점검하면서 원인을 좁혀가는 실전 흐름을 소개합니다.
검색/신뢰메타데이터
meta title과 description이 검색 결과에서 어긋날 때 수정법
검색 결과 문구가 의도와 다르게 보일 때 확인할 원인과 실험 방법을 실제 사례 기준으로 정리합니다.
검색/신뢰공유 미리보기
Open Graph와 Twitter Card가 깨질 때 확인할 체크리스트
공유 카드가 어색하게 렌더링될 때 빠르게 원인을 찾고 수정하는 점검 기준을 정리합니다.
검색/신뢰구조화 데이터
Article과 Breadcrumb 구조화 데이터를 넣어야 하는 이유와 구현법
검색 결과의 이해도를 높이는 구조화 데이터가 어떤 신호를 주는지, 구현 포인트와 함께 설명합니다.
검색/신뢰신뢰 신호
About, Contact, Privacy, Terms 페이지가 사이트 신뢰도를 만드는 방식
정책 페이지를 단순 필수 항목이 아니라 브랜드의 신뢰 증거로 만드는 관점을 정리합니다.
검색/신뢰정책 정합성
GA4를 붙였을 때 개인정보처리방침에 꼭 맞춰 써야 하는 문구
실제 추적 방식과 문서 내용이 어긋나지 않도록, 운영자가 반드시 맞춰야 할 항목을 짚습니다.
검색/신뢰동의 관리
쿠키 배너가 필요한 경우와 과한 경우를 구분하는 기준
불필요한 배너를 남발하지 않으면서도 필요한 범위는 정확히 안내하는 판단 기준을 설명합니다.
검색/신뢰내부 링크
내부링크 구조를 먼저 설계해야 작은 블로그가 강해지는 이유
글을 쓰기 전에 연결 구조를 먼저 잡아 검색성과 탐색성을 높이는 방법을 실제 흐름으로 보여줍니다.
검색/신뢰정보 탐색
빈 카테고리와 태그 페이지가 사이트 품질을 떨어뜨리는 이유
아무 내용 없는 보관함이 왜 사이트 전체 인상을 약하게 만드는지 정보 구조 관점에서 설명합니다.
경험/운영
가독성, 성능, 운영 이슈, 인증과 데이터 흐름처럼 실무에서 부딪히는 문제를 다룹니다.
경험/운영편집 UX
기술 튜토리얼 글에 스크린샷을 넣을 때 가독성이 좋아지는 규칙
독자가 헤매지 않도록 캡처, 주석, 순서를 배치하는 실전 규칙을 예시 중심으로 정리합니다.
경험/운영가독성
코드 블록이 많은 글을 읽기 쉽게 만드는 서식 규칙
설명과 코드의 밀도를 조절해 긴 기술 글도 끝까지 읽히게 만드는 편집 방식을 다룹니다.
경험/운영성능 개선
Next.js 이미지 최적화로 LCP를 줄이는 실제 방법
페이지 체감 속도에 직접 영향을 주는 이미지 전략과 측정 포인트를 실제 작업 흐름으로 정리합니다.
경험/운영레이아웃 안정성
CLS를 줄이기 위해 콘텐츠 레이아웃에서 바꾼 습관들
레이아웃 점프를 일으키는 작은 실수를 짚고, 개선 전후를 어떻게 비교할지 함께 다룹니다.
경험/운영운영 관리
정적 블로그에 문의 폼을 붙일 때 가장 단순하고 안전한 방법
폼 서비스를 고를 때 확인할 항목과 스팸 대비, 응답 흐름까지 한 번에 정리합니다.
경험/운영인증
Supabase Auth 이메일 로그인을 붙이며 겪은 실수와 해결법
로그인 흐름에서 자주 만나는 설정 함정과 오류 상황을 실제 경험 중심으로 풀어냅니다.
경험/운영데이터베이스
Prisma 마이그레이션이 꼬였을 때 복구한 실제 순서
데이터베이스 변경 이력을 안전하게 정리하고 다시 맞춰가는 복구 순서를 정리합니다.
경험/운영국제화
다국어 URL을 붙이기 전에 꼭 생각해야 할 것들
한국어 블로그에서 영어 제품으로 확장할 때 URL, hreflang, 정보 구조를 어떻게 준비할지 설명합니다.
도구 제작
블로그와 함께 쓰면 가치가 커지는 작은 웹 도구와 제작 기준을 기록합니다.
도구 제작유틸리티 제작
메타태그 미리보기 도구를 직접 만든 이유와 구현 포인트
블로그와 도구를 함께 운영할 때 어떤 작은 유틸리티가 실제로 가치가 되는지 제작 관점에서 정리합니다.
도구 제작점검 도구
robots.txt와 sitemap 점검 도구를 만들며 정리한 기준
인덱싱 기본기를 검사하는 작은 도구를 만들며 정리한 체크포인트와 판단 기준을 소개합니다.
도구 제작제품 기준
slug 변환기나 UTM 빌더 같은 작은 SEO 도구는 어떤 기준으로 고를까
작고 빠르지만 실제로 다시 찾게 되는 도구를 어떤 원칙으로 선택하고 만들지 정리합니다.
도구 제작운영 루틴
1인 개발자가 블로그와 작은 도구를 함께 운영할 때의 주간 리듬
글쓰기, 유지보수, 배포, 기록을 한 주 단위로 어떻게 배치하면 무리 없이 이어갈 수 있는지 다룹니다.