개발자 블로그 운영에 유용한 도구 추천

들어가며

개발자 블로그는 단순히 글을 쓰는 공간만은 아니다.

직접 블로그를 만들고 운영하다 보면 생각보다 많은 작업이 반복된다.

글 작성
코드 수정
로컬 테스트
Git 관리
배포 확인
검색 노출 확인
광고 상태 확인
성능 점검
아이디어 관리
이미지 최적화

처음에는 도구를 많이 쓰지 않아도 된다.

하지만 블로그를 계속 운영하려면, 각 작업에 맞는 도구를 정리해두는 것이 좋다.

이번 글에서는 chailmon.com 같은 Astro 기반 개발자 블로그를 운영할 때 유용한 도구들을 정리한다.

현재 블로그 운영 구조

현재 블로그는 다음 구조로 운영하고 있다.

Astro
+ Tailwind CSS
+ MDX
+ GitHub
+ Cloudflare Workers Static Assets
+ Google Search Console
+ Google AdSense

이 구조에서는 글 작성과 코드 관리는 로컬에서 하고, GitHub에 push하면 Cloudflare가 자동으로 배포한다.

그래서 필요한 도구도 이 흐름에 맞춰 정리하면 된다.

작성 도구
버전 관리 도구
배포 도구
검색 확인 도구
수익화 확인 도구
성능 점검 도구
이미지 관리 도구
아이디어 관리 도구

1. 코드와 글 작성 도구: Visual Studio Code

가장 많이 사용하는 도구는 Visual Studio Code다.

Astro 블로그에서는 .astro, .mdx, .ts, .css 파일을 자주 수정하기 때문에, 프로젝트 전체를 한눈에 보면서 작업할 수 있는 에디터가 필요하다.

VS Code를 사용하면 다음 작업이 편하다.

MDX 글 작성
Astro 컴포넌트 수정
Tailwind CSS 클래스 작성
Git 변경사항 확인
터미널에서 npm 명령어 실행
로컬 개발 서버 실행

특히 블로그 글도 코드처럼 관리하는 구조라면 VS Code가 잘 맞는다.

2. VS Code 확장

VS Code는 기본 기능만으로도 충분히 쓸 수 있지만, Astro 블로그 작업에는 몇 가지 확장이 있으면 훨씬 편하다.

내 기준에서 필수에 가까운 확장은 다음과 같다.

Astro
Tailwind CSS IntelliSense
MDX
Prettier - Code formatter

각 확장의 역할은 다음과 같다.

Astro
→ .astro 파일 문법 강조와 자동완성

Tailwind CSS IntelliSense
→ Tailwind CSS 클래스 자동완성

MDX
→ .mdx 글 작성 시 문법 강조

Prettier
→ 코드와 문서 포맷 정리

추가로 있으면 편한 확장은 다음과 같다.

GitLens
Error Lens
Path Intellisense

다만 확장은 많이 설치한다고 무조건 좋은 것은 아니다.

VS Code 확장은 개발 환경에 직접 영향을 주기 때문에, 검증된 확장 위주로 설치하는 것이 좋다.

처음에는 Astro, Tailwind CSS IntelliSense, MDX, Prettier 정도만 설치해도 충분하다.

3. 버전 관리 도구: Git

개발자 블로그는 Git으로 관리하는 것이 좋다.

블로그 글도 결국 프로젝트 파일이기 때문이다.

Git을 사용하면 다음이 가능하다.

글 수정 이력 관리
디자인 변경 이력 관리
문제가 생겼을 때 이전 상태로 되돌리기
Mac과 Windows PC에서 같은 프로젝트 이어서 작업하기
GitHub push로 자동 배포하기

블로그 운영에서 자주 쓰는 Git 명령어는 많지 않다.

git status
git pull
git add .
git commit -m "message"
git push

이 명령어만 익숙해져도 개인 블로그 운영에는 충분하다.

4. 원격 저장소: GitHub

GitHub는 블로그 프로젝트의 원격 저장소 역할을 한다.

내 블로그는 GitHub 저장소에 코드를 올리고, Cloudflare가 이 저장소를 기준으로 자동 배포한다.

GitHub를 사용하면 좋은 점은 다음과 같다.

로컬 PC가 바뀌어도 프로젝트를 다시 clone할 수 있다
작업 이력이 남는다
GitHub push가 배포 트리거가 된다
여러 컴퓨터에서 같은 블로그를 관리할 수 있다

즉, GitHub는 단순 백업 저장소가 아니라 블로그 운영 흐름의 중심이다.

5. 배포 도구: Cloudflare Workers Static Assets

현재 블로그는 Cloudflare Workers Static Assets로 배포하고 있다.

Astro에서 npm run build를 실행하면 dist 폴더에 정적 파일이 생성된다.

Cloudflare는 이 정적 파일을 전 세계 사용자에게 빠르게 제공한다.

이 방식의 장점은 다음과 같다.

서버 관리가 필요 없다
정적 블로그에 비용 부담이 적다
GitHub push로 자동 배포할 수 있다
Cloudflare DNS와 연결이 쉽다
SSL 적용이 쉽다

개인 개발자 블로그라면 처음부터 서버를 직접 운영하기보다 정적 배포 서비스를 사용하는 것이 더 현실적이다.

6. DNS와 도메인 관리: Cloudflare

도메인을 연결하려면 DNS 관리가 필요하다.

현재 chailmon.com은 Cloudflare DNS를 통해 관리하고 있다.

Cloudflare에서 할 수 있는 작업은 다음과 같다.

chailmon.com 도메인 연결
www → non-www 리다이렉트
SSL/TLS 관리
DNS 레코드 관리
Cloudflare Workers와 연결
간단한 보안 설정

개인 블로그는 도메인 설정이 한 번 끝나면 자주 바꿀 일은 많지 않다.

하지만 처음 세팅할 때는 DNS, SSL, 리다이렉트 설정이 중요하다.

Cloudflare를 사용하면 이 작업을 한 곳에서 관리할 수 있다.

7. 검색 노출 확인: Google Search Console

블로그를 운영한다면 Google Search Console은 반드시 연결하는 것이 좋다.

Search Console에서는 내 블로그가 Google 검색에서 어떻게 보이는지 확인할 수 있다.

주로 보는 항목은 다음과 같다.

검색어
클릭 수
노출 수
평균 순위
색인 상태
sitemap 제출 상태
페이지 문제

특히 글이 어느 정도 쌓이면 Search Console에서 실제 유입 검색어를 보는 것이 중요하다.

내가 생각한 키워드와 실제 사용자가 검색한 키워드가 다를 수 있기 때문이다.

글 주제를 정할 때도 Search Console 데이터가 도움이 된다.

8. 방문자 분석: Google Analytics

Google Analytics는 방문자가 사이트에서 어떤 행동을 하는지 확인할 때 유용하다.

확인할 수 있는 항목은 다음과 같다.

방문자 수
페이지뷰
유입 경로
많이 본 페이지
체류 시간
기기 유형
국가와 지역

다만 초기 블로그에서는 Analytics보다 Search Console이 더 중요할 수 있다.

검색 유입이 아직 적은 상태에서는 방문자 행동 분석보다, 어떤 글이 검색에 노출되는지 먼저 보는 것이 좋다.

그래서 초기에는 Search Console을 먼저 확인하고, 이후 방문자가 늘어나면 Analytics를 더 적극적으로 보면 된다.

9. 광고와 수익화 확인: Google AdSense

AdSense를 붙인 블로그라면 AdSense 보고서를 주기적으로 확인해야 한다.

하지만 초기 블로그에서는 수익이 거의 없을 수 있다.

이때 봐야 할 것은 단순 수익이 아니라 아래 지표다.

Page views
Impressions
Clicks
Page RPM
Impression RPM
CTR
Estimated earnings

초기에는 수익보다 광고가 정상적으로 노출되는지, 광고가 글 읽는 경험을 해치지 않는지 확인하는 것이 더 중요하다.

특히 상단 앵커 광고나 전면 광고가 너무 강하게 보이면, 수익보다 블로그 첫인상이 나빠질 수 있다.

그래서 내 블로그에서는 자동 광고를 쓰되, UX를 해치는 광고 형식은 줄이는 방향으로 설정했다.

10. 성능 점검: PageSpeed Insights

개발자 블로그는 속도도 중요하다.

글이 아무리 좋아도 페이지가 느리면 사용자가 이탈할 수 있다.

PageSpeed Insights는 페이지 성능을 확인할 때 유용하다.

확인할 수 있는 항목은 다음과 같다.

모바일 성능
데스크톱 성능
Core Web Vitals
이미지 최적화
불필요한 JavaScript
렌더링 지연 요소
접근성
SEO 기본 점검

Astro 정적 블로그는 기본적으로 빠른 편이지만, 이미지와 광고 스크립트가 늘어나면 성능이 떨어질 수 있다.

그래서 글이 늘어날수록 주기적으로 PageSpeed Insights를 확인하는 것이 좋다.

11. 브라우저 개발자도구

Chrome, Safari, Edge 같은 브라우저의 개발자도구도 자주 사용한다.

주로 확인하는 항목은 다음과 같다.

모바일 화면 미리보기
콘솔 에러
네트워크 요청
이미지 용량
광고 스크립트 로딩
CSS 적용 상태

특히 모바일 화면 확인은 개발자도구에서 꼭 해보는 것이 좋다.

블로그 방문자는 모바일에서 들어오는 경우가 많기 때문에, 데스크톱 화면만 보고 판단하면 안 된다.

12. 이미지와 용량 최적화 도구

블로그에 이미지가 많아지면 용량 관리가 중요해진다.

사용할 수 있는 도구는 다음과 같다.

Squoosh
TinyPNG
ImageOptim
Figma
Canva
Excalidraw

각 도구의 역할은 다르다.

Squoosh
→ 이미지 압축과 포맷 변환

TinyPNG
→ PNG, JPG 압축

ImageOptim
→ Mac에서 이미지 용량 줄이기

Figma
→ 썸네일과 OG 이미지 디자인

Canva
→ 빠르게 대표 이미지 만들기

Excalidraw
→ 다이어그램과 설명용 그림 만들기

초기 블로그에서는 이미지보다 글이 먼저다.

하지만 글이 쌓이면 썸네일, 다이어그램, OG 이미지도 중요해질 수 있다.

13. 아이디어 관리 도구

블로그 운영에서 의외로 중요한 것은 글감 관리다.

아이디어가 떠올랐을 때 바로 기록하지 않으면 금방 잊어버린다.

사용할 수 있는 도구는 다음과 같다.

Apple Notes
Google Keep
Notion
Obsidian
Todoist

내 기준으로는 이렇게 나눌 수 있다.

빠른 메모
→ Apple Notes, Google Keep

글감 정리
→ Notion

마크다운 기반 장기 보관
→ Obsidian

해야 할 일 관리
→ Todoist

처음부터 복잡한 시스템을 만들 필요는 없다.

중요한 것은 글감이 떠올랐을 때 바로 적을 수 있는 공간을 하나 정해두는 것이다.

14. 내 기준 추천 조합

도구가 너무 많으면 오히려 관리가 어려워진다.

그래서 개인 개발자 블로그 초기에는 아래 조합만으로도 충분하다.

코드와 글 작성
→ VS Code

버전 관리
→ Git + GitHub

배포
→ Cloudflare Workers Static Assets

DNS와 도메인
→ Cloudflare

검색 확인
→ Google Search Console

수익화 확인
→ Google AdSense

성능 점검
→ PageSpeed Insights

아이디어 관리
→ Apple Notes 또는 Notion

이미지 최적화
→ Squoosh 또는 ImageOptim

처음에는 이 정도만 써도 블로그 운영에 필요한 기본 흐름은 충분히 만들 수 있다.

15. 처음부터 모든 도구를 쓰지 않아도 된다

블로그 운영 도구를 정리하다 보면 욕심이 생긴다.

하지만 처음부터 모든 도구를 완벽하게 갖출 필요는 없다.

초기에는 아래만 있어도 충분하다.

VS Code
Git
GitHub
Cloudflare
Google Search Console
Google AdSense
PageSpeed Insights

이후 글이 쌓이고 방문자가 늘어나면 그때 도구를 추가하면 된다.

예를 들어:

이미지가 많아진다
→ Squoosh, ImageOptim 사용

글감이 많아진다
→ Notion 또는 Obsidian 사용

성능 이슈가 생긴다
→ Lighthouse, PageSpeed Insights로 점검

검색 유입이 늘어난다
→ Search Console 데이터 기반으로 글 개선

도구는 목적이 아니라 수단이다.

블로그 운영의 핵심은 꾸준히 글을 쓰고, 읽기 좋은 상태로 유지하는 것이다.

마무리

개발자 블로그 운영에는 생각보다 많은 도구가 필요하다.

하지만 처음부터 모두 사용할 필요는 없다.

내 기준에서 가장 중요한 조합은 다음과 같다.

VS Code
Git
GitHub
Cloudflare
Google Search Console
Google AdSense
PageSpeed Insights

이 조합만 있어도 글 작성, 코드 수정, 배포, 검색 확인, 수익화 확인, 성능 점검까지 기본적인 운영 흐름을 만들 수 있다.

앞으로 블로그가 커지면 이미지 관리, 아이디어 관리, 자동화 도구를 하나씩 추가하면 된다.

중요한 것은 도구를 많이 쓰는 것이 아니라, 블로그를 꾸준히 운영할 수 있는 단순한 흐름을 만드는 것이다.