README에 프로젝트 구조를 적거나, ChatGPT·Claude에 “이 프로젝트 구조에서 어디를 고치면 돼?”라고 물을 때 폴더 트리 텍스트가 필요해요. 여기서는 폴더를 끌어다 놓고 ‘텍스트’ 보기를 열면 바로 아래처럼 나와요.

my-app/
├── public/
│   └── logo.png
├── src/
│   ├── app/
│   │   ├── layout.tsx
│   │   └── page.tsx
│   └── lib/
│       └── utils.ts
├── package.json
└── README.md

순서

1. 폴더를 화면에 끌어다 놓거나 ‘폴더 선택’을 눌러요. 휴대폰은 ‘ZIP 열기’로 압축 파일을 골라요.
2. ‘텍스트’ 보기에서 깊이(1~5단계 또는 전체), 폴더만, 용량 표시를 골라요.
3. 형식을 텍스트·Markdown·JSON 중에서 고르고 ‘복사’나 ‘파일로 저장’을 눌러요. AI에 붙일 거라면 ‘AI에 붙여넣기용 복사’가 한 줄 설명과 코드 블록을 함께 넣어 줘요.

tree 명령어와 비교

Windows에서는 명령 프롬프트에서 tree /f, Mac에서는 Homebrew로 설치한 tree 명령으로 같은 모양을 얻을 수 있어요. 다만 명령어는 결과를 따로 복사해야 하고, node_modules 같은 폴더를 빼거나 용량을 함께 보여 주려면 옵션을 따로 외워야 해요. 여기서는 node_modules, .git, .next, dist, build 같은 폴더가 개발 폴더에서 기본으로 빠지고, 프로젝트의 .gitignore 규칙도 그대로 적용할 수 있어요.

토큰 수

복사할 텍스트 옆에 대략의 토큰 수(글자 수 ÷ 4)를 보여 줘요. 트리가 너무 길면 깊이를 줄이거나 ‘폴더만’을 켜서 AI 대화창에 들어갈 만큼 줄이세요.

“C 드라이브가 꽉 찼는데 뭐가 차지하는지 모르겠다”는 질문에는 숫자 목록보다 그림이 빨라요. 폴더를 넣으면 맨 위에 ‘이 폴더는 몇 GB, 파일 몇 개, 가장 큰 건 무엇(몇 %)’이 한 줄로 나오고, 트리맵에서는 용량이 큰 폴더일수록 넓은 칸으로 그려져요.

• 트리맵: 넓은 칸을 누르면 그 폴더 안으로 들어가요. 위쪽 경로(현재 위치)를 누르면 다시 나와요.
• 표: ‘큰 파일 100개’를 누르면 용량 순으로 정렬되고, 확장자로 걸러 영상(mp4·mov)만 볼 수도 있어요. CSV로 저장하면 엑셀에서 열려요.
• 확장자: 영상·사진·문서·코드·압축 파일·설치 파일처럼 종류별로 얼마나 차지하는지 보여 줘요. 다운로드 폴더에 쌓인 설치 파일(.dmg, .exe)이 의외로 큰 경우가 많아요.
• 나무: 폴더를 3D 나무로 키워요. 가지 굵기가 용량이고, 가장 큰 파일은 가장 큰 열매로 매달려요. 잎 없는 마른 가지는 빈 폴더예요.

드라이브 전체보다는 ‘다운로드’, ‘문서’, ‘사진’, ‘동영상’처럼 의심 가는 폴더부터 넣는 게 빨라요. 이 도구는 파일을 지우지 않아요. 지울 파일을 찾은 뒤 탐색기나 Finder에서 직접 정리하세요.

폴더는 이 브라우저 안에서만 읽어요. 서버가 없는 정적 페이지라, 폴더를 넣은 뒤에는 파일 정보가 갈 곳이 없어요. 페이지에 ‘이 사이트와 Google Analytics 외에는 연결하지 않는다’는 보안 규칙(CSP)도 걸려 있어요.

• 읽는 것: 파일·폴더 이름, 경로, 크기, 수정 날짜.
• 읽지 않는 것: 파일 내용. 예외는 ‘.gitignore 사용’을 켰을 때의 .gitignore 파일 하나뿐이에요.
• ZIP: 압축을 풀지 않고 ZIP 끝부분의 목록만 읽어요.
• 방문 통계: 어떤 보기를 골랐는지, 항목 수가 어느 구간인지(예: 1만~10만 개) 같은 익명 정보만 보내요. 이름·경로·크기는 절대 보내지 않아요.

‘폴더 선택’을 누르면 브라우저에 따라 “파일 N개를 업로드할까요?” 같은 확인 창이 떠요. 브라우저가 쓰는 정해진 문구일 뿐, 실제로는 아무것도 전송되지 않아요. 걱정되면 인터넷을 끊고 써 보세요. 그대로 작동해요.

그림을 공유할 때는 ‘이름 가리기’를 켜면 이름이 ‘폴더 1’, ‘파일 3.jpg’처럼 바뀌어요. 공유 카드는 기본으로 이름을 가려요.