🍕

조니 데시멀 방식으로 폴더 트리 구조를 구축했다. ( 로컬 드라이브 / 노션 둘 다 )

내가 이 방식을 처음 알게 된 것은 햇조님의 소개 글이었다.

햇조님의 소개 이미지를 보면 어떤 형태인지 직관적으로 알 수 있는데,

너무 잘 설명해 주신 관계로 간략한 소개글을 그대로 발췌해서 옮긴다.

1) 모든 것을 최대 10개의 영역으로 분류
2) 각 영역에 최대 10개의 카테고리 할당
3) 카테고리 아래의 폴더는 NN(영역번호).NN(카테고리번호), 즉 00.00부터 99.99까지의 ID를 생성
4) ID를 참조해 사용

이 이상이 궁금하시면 공홈으로 > https://johnnydecimal.com

(영어를 잘 하는 사람은 직접 읽어보면 되겠다)

사실 이 방식은 초기 셋업이 매우 빡세다.

파일을 옮기는 작업도 지난했지만,

가장 어려웠던건 카테고리를 제대로 나누는 일이었다.

인생에서 중요하다 생각하는 것을 대분류와 중분류로 명료하게 나누고, 너무 찾기 어렵지는 않을정도로 세분화 했다.

중복이 되지 않게 / 찾기 쉽게 만드는것이 정말 소모적인 작업이었다.

- 개인적으로 00.01 자리 까지 설정하는건 오히려 자료를 찾기 힘들것이라 생각된다.

나는 00.10 까지만 카테고리를 세분화했다.

나는 어느정도 뇌의 일부분을 노션에 외주를 주고 있는데 (많은 메모를 노션에 할당하고 있다)

외장하드와 노션을 오고가며 자료를 찾기 쉽게 통일하는 과정도 필요했다.

온라인상에 모든 라이브러리를 구축하는 것이 편할수도 있었겠지만, 난 데이터센터를 믿지 않는다.

멀쩡하게 잘 운영하고 있다고 생각했던 회사들이 하루아침에 무책임하게 문 닫는 모습을 너무 많이 봤다.

어느정도 마음에 들게 세팅을 했지만, 이 시스템에 익숙해 지려면 시간이 걸릴 것이라고 판단해

파일 트리를 적다가, 좀더 자료를 찾기 쉽도록 html 기반으로 색인용 페이지를 구축했다. (AI의 도움으로)

(개인 신상을 추측할만한 카테고리들은 지웠다)

사실 처음엔 GitHub Pages 에 색인용 트리로 구축을 해볼까 했으나(위 공식 홈페이지 같은 느낌으로),

이건 취미 활동과는 달리 정말 개인 정보를 많이 담은 내용이라 보안상의 이유로
그냥 로컬 브라우저에서 확인하는 용으로만 파일을 제작했다.

(GitHub Pages에 업로드 해도 문제없게 제작된 페이지기는 하다)

Netlify 라는 서비스를 추천 받았는데, 둘을 비교하면 다음과 같이 기능 차이가 있다.

#접기 GitHub Pages / Netlify 기능 차이 비교

✅ GitHub Pages

항목	가능 여부	설명
영구 무료	✅	퍼블릭 저장소 + GitHub Pages는 평생 무료입니다.
설치형 게시판	❌ 어려움	PHP, 데이터베이스(MySQL 등) 사용 불가. 정적(HTML, CSS, JS)만 가능
이미지 로드	✅ 가능	정적 이미지 파일 업로드 및 표시 가능
동적 기능 (댓글, 글쓰기 등)	❌ 직접 구현 불가	백엔드가 없기 때문에 외부 서비스(예: Disqus, Firebase 등) 필요
보안/비공개	❌ 제한	비밀번호 설정 불가. GitHub 저장소가 퍼블릭이면 누구나 볼 수 있음

✅ Netlify

항목	가능 여부	설명
영구 무료	✅	"Starter 플랜"은 영구 무료 (월간 트래픽 제한: 100GB)
설치형 게시판 (예: PHP 기반)	❌ 불가	서버 없는 구조 (Static Hosting)에서는 PHP 동작 안 됨
JavaScript 기반 블로그/댓글	✅ 가능	외부 API나 Netlify Functions 사용 가능 (예: Netlify Forms, Disqus, Staticman)
이미지 업로드 & 갤러리	✅ 가능	이미지 정적 호스팅 가능. Netlify Large Media도 존재
비밀번호 보호	✅ 가능	_headers 또는 Netlify UI로 경로 단위 접근 제한 가능
외부에서 페이지 숨기기	✅ 가능	기본 robots.txt, password 보호 가능

🔧 정리 및 추천

사용 목적	추천 플랫폼	이유
완전 정적인 폴더 트리, 개인 탐색용	✅ GitHub Pages 또는 로컬 HTML 뷰어	간단하고 영구 무료
블로그/게시판/이미지 게시 기능 포함	✅ Netlify	정적사이트 + 동적 기능 확장 가능, 무료 플랜 충분히 유용
PHP 기반 설치형 게시판 운영	❌ 추천 안 함	GitHub Pages & Netlify 모두 PHP 안 됨. 다른 서버 필요 (ex. 카페24, AWS EC2)

무료 호스팅을 쓰던 시절엔 아이비, 닷홈 등을 사용했다. 하지만 몇개월 주기로 연장하는게 꽤나 귀찮다.

웹 색인은 노션이 있으니 따로 필요없을것 같고, 로컬 브라우저에서 색인 확인용으로만 쓰기로 했다.

키워드를 검색하면 이렇게 해당되는 카테고리고리가 선택되어 펼쳐진다.

(원래는 각 항목별로도 하위 카테고리가 있다)

원하던 모습으로 설계가 되어서 정말 마음에 든다. 한동안 써보다가,
보완되었으면 하는 기능은 점차 업데이트 해야겠다.

사실 이 티스토리도 이 작업을 하다가 되살렸다...
(폴더 정리 도중 잊혀졌던 웹디자인 폴더를 되찾았다)

티스토리툴바