본문으로 건너뛰기

무료 ASCII 트리 생성기

들여쓰기된 목록을 README 및 문서에 사용할 수 있는 깔끔한 폴더 트리(├── └──)로 변환합니다. 유니코드 또는 일반 ASCII 출력 지원. 브라우저에서 완전히 실행됩니다.

한 번 로드하면 오프라인에서도 작동
가져오기 옵션
기본값은 node_modules, .git, 빌드 결과물, 캐시를 건너뜁니다.

공백이나 탭으로 들여써서 항목을 중첩하세요. 들여쓰기가 깊어질수록 자식 항목이 됩니다. ‘ # ’, ‘ // ’, ‘ - ’, ‘ <- ’ 뒤에 메모를 붙이면 출력에서 주석으로 정렬됩니다. 경로 목록(git ls-files, find, dir /s /b)을 붙여넣으면 중첩 구조로 만들어지며, 이름 끝에 /를 붙이면 빈 폴더로 표시됩니다. 폴더나 .zip을 가져오거나 끌어다 놓으면 파일 이름만 읽으며 내용은 읽지 않습니다. node_modules, .git 및 기타 빌드 폴더는 건너뜁니다(가져오기 옵션 참고).

트리
주석 스타일
my-project
├── src
│   ├── components
│   │   ├── Button.tsx
│   │   └── Modal.tsx
│   ├── lib
│   │   └── utils.ts
│   └── index.ts  # entry point
├── public
│   └── favicon.ico
├── package.json
└── README.md

💡 폴더 구조(또는 중첩된 개요)를 붙여넣으면 README, 주석, 문서에 바로 사용할 수 있는 깔끔한 트리를 생성합니다. 박스 문자를 렌더링하지 않는 환경에서는 ASCII 스타일을 사용하세요. 모든 처리는 브라우저에서 실행됩니다.

주요 용도

  • README에 폴더 트리 추가저장소를 문서화하기 위해 깨끗한 프로젝트 구조 트리를 생성합니다.
  • 프로젝트 구조 문서화기술 문서 및 위키용 디렉토리 트리를 생성합니다.
  • 코드 주석용 트리 만들기소스 코드 주석에 포함할 구조 다이어그램을 생성합니다.
  • 토크에서 파일 트리 표시슬라이드 및 튜토리얼용 깨끗한 디렉토리 다이어그램을 생성합니다.
  • 개요를 트리로 변환파일뿐만 아니라 모든 중첩된 개요를 트리로 시각화합니다.

사용 방법

README에서 폴더 구조를 문서화하는 것은 보통 ├── 및 └── 선을 손으로 그리는 것을 의미합니다. 이것은 간단한 들여쓰기 목록에서 생성합니다.

  1. 1
    들여쓰기 개요를 입력합니다
    항목당 한 줄; 공백이나 탭으로 들여쓰기하여 중첩합니다. 들여쓰기 깊이는 계층 구조를 정의합니다.
  2. 2
    트리로 파싱됩니다
    스택 기반 파서가 들여쓰기를 중첩된 구조로 변환합니다. 모든 처리는 브라우저에서 이루어집니다.
  3. 3
    트리 커넥터가 그려집니다
    적절한 ├──, └── 및 │ 가이드가 생성되며, 올바른 수직 선이 중첩된 분기를 통해 내려집니다.
  4. 4
    결과를 복사합니다
    유니코드 또는 평문 ASCII 커넥터를 선택하고 트리를 README, 문서 또는 코드 주석으로 복사합니다.

기기에서 완전히 실행되는 간단한 텍스트 유틸리티 — 업로드되지 않습니다.

관련 도구

자주 묻는 질문