AI 개발자를 위한 최고의 블로그 사이트는?

개요

나는 한국의 대학생이고 MLE가 되고 싶다. 개발자는 블로그가 중요함을 계속해서 느끼고 있어 나만의 블로그를 만들어보려 했다. 이미 티스토리, 네이버 블록, 벨로그, 디스콰이엇까지 써봤다. 하지만 미국 정착도 꿈꾸고 있어 한국 플랫폼이 아니라 해외 플랫폼으로 시작하려 했다. 그랬더니 Medium, Hashnode, Ghost, Dev.to가 유명하다는 걸 알 수 있었다. 하지만 다 써보니 모두 내가 원하는게 있진 않았다.

1. 필요한 기능들

1.1. LaTeX 자체 지원, Code 박스 자체 지원, 쉽고 자유로운 편집

AI를 공부하다보면 수식과 코드가 매번 나온다. 대부분의 플랫폼에서는 자체적으로 지원하지 않아서 이미지로 첨부해야하거나 추가 플러그인 같은 이상한 방법을 써야 했다.

또 느낀 것은 Notion 편집기가 아주 익숙한데 Notion으로 글을 쓸 수 있으면 좋겠다는 생각을 했다. BlogPro, Feather, Super, Notaku, Bullet이 있긴 했지만 아래 이유로 쓰기가 어려웠다.

1.2. 완전히 무료

Notion으로 블로그를 만드는 사이트는 대부분 구독료를 내야 했다. 학생 입장에서 매달 $10 이상씩 내기가 부담스러웠다.

1.3. 자동 목차관리와 카테고리별 분류

체계적으로 글을 쓰고 싶고 목차를 클릭하면 해당 위치로 이동이 되며 폴더 식으로 무한하게 글을 세분화할 수 있으면 좋겠다는 생각을 했다. 하지만 이걸 지원하는 플랫폼은 찾기 어려웠다.

1.4. 다국어 지원

영어로 블로그를 쓰고 싶긴 하지만 제대로 쓰긴 어려워서 한국어로 글을 쓰고 LLM한테 번역하는 식으로 글을 만들면 될 것 같은데 이걸 제대로 지원하는 건 없었다. 모두 한 언어로만 블로그를 만들어야 하고 다른 언어로 만드려면 아예 새로운 계정이 필요했다.

1.5. 여러 편집자 동시 작업

스터디 그룹을 운영하면서 다같이 한 블로그를 운영하고 있었는데 Hashnode에서는 이걸 지원했지만 다른 곳에서는 지원하는 걸 찾기 어려웠다.

2. Noxionite

그래서 직접 만들기로 했다. 찾아보니

GitHubGitHub - transitive-bullshit/nextjs-notion-starter-kit: Deploy your own Notion-powered website in minutes with Next.js and Vercel.

GitHub - transitive-bullshit/nextjs-notion-starter-kit: Deploy your own Notion-powered website in minutes with Next.js and Vercel.

Deploy your own Notion-powered website in minutes with Next.js and Vercel. - transitive-bullshit/nextjs-notion-starter-kit

nextjs-notion-starter-kit 라는 게 있었다. notion의 페이지를 자동으로 블로그처럼 만들어주는 키트였다. 하지만 아쉽게도 자동 목차 관리와 카테고리별 분류 기능은 없이 Notion의 기본 갤러리뷰 형태로만 볼 수 있었다.

Noxionite의 핵심 차별점은 Database에서 아래 Type, Parent, Children, Language 항목이 추가되었다는 것이다. Type으로부터 카테고리, 포스트를 나누어 부모 자식 간 계층적으로 관리할 수 있게 했다.

Public

✅ Type

Title

✅ Parent

✅ Children

✅ Language

Slug

3. 개발하며 느낀 점

전부 바이브코딩으로 만들었고 약 90일 정도 소요된 것 같다. 이렇게 제대로 제품을 만드는 건 처음인 것 같은데 잘 안 될 때가 많아서 때려칠까를 수십 번 외쳤던 것 같다. 그런데 꾹 참고 하다보면 언젠가는 문제가 해결되었다. 물론 그러다 또다시 때려칠까 싶은 생각이 드는 순간이 온다. 너무 시간이 많이 소요된 것 같아서 빨리 마무리하고 제대로 블로그를 운영해보려 한다. 나와 비슷한 기능을 원하는 블로그를 찾는 사람들에게 큰 도움이 되었으면 좋겠다.

가장 시간이 오래걸렸던 기능은 그래프뷰와 소셜 이미지 생성기였다. 그래프뷰는

를 사용했는데 next js에서 사용하려니 ref 타이밍 문제 때문에 제대로 동작이 잘 안 됐다. 또 Side nav의 item에 호버링하거나 페이지 이동시 자동으로 Node를 zoom하는 기능이 가장 어려웠다. 라이브러리간 통신이 제대로 동작하지 않아서였다. 이 기능만 일주일 넘게 붙들었다. 한꺼번에 만들지 않고 디버깅 툴부터 만들어서 완전 차근차근 devide and conquer 식으로 해결할 수 있었다.

소셜 이미지 생성기도 너무 예쁘게 만드려고 해서 참 시간이 오래 걸렸다. 정적으로 만들어지는게 아니라 페이지의 제목, 태그, 저자, 날짜, breadcrumb까지 모두 가져와서 동적으로 만들면서 동시에 글래스모피즘으로 만드려고 하니 next/og 는 쓸 수 없음을 알게 되었다. 그래서 pupeteer를 써서 가상 브라우저에 html을 띄우고 스크린샷을 찍는 방식으로 구현했다. 또 동적으로 소셜 이미지를 자동으로 관리하게 했다. 하지만 이 pupeteer가 vercel과의 dependy에서 문제가 발생해서 해결하는데 시간이 엄청 오래 걸렸다.

추후 댓글 기능, 조회수 기능도 구현해볼까 생각 중이다. 이 기능은 Notion만으로는 안 되고 외부 DB가 필요해서 좀 더 복잡해질 것 같다.