파일 트리
프로젝트 파일을 탐색하고 상호작용합니다.
파일 트리는 프레임에 내장된 네비게이터 패널로 표시되며, 필요하면 캔버스 위의 독립적인 타일로도 사용할 수 있습니다.
프레임 네비게이터
각 프레임은 해당 프레임의 파일 구조를 보여주는 네비게이터 패널을 표시할 수 있습니다. 프레임별로 켜고 끌 수 있으며, 활성화하면 너비가 160px에서 240px 사이(프레임 너비의 12.5%)로 제한됩니다.
상호작용
- 폴더를 클릭하여 펼치거나 접습니다.
- 파일을 캔버스로 드래그하면 타일을 만들 수 있습니다:
- 이미지 파일(PNG, JPG, GIF, WebP, SVG, BMP, ICO, TIFF) → 이미지 타일
- 그 외 모든 파일 → 코드 타일
- 파일은 해당 프레임의 루트 디렉터리 기준 상대 경로로 표시됩니다.
필터링
점(dot)으로 시작하는 숨김 파일과 디렉터리는 자동으로 숨겨지며, 여기에 더해 node_modules, .git, dist, target, .next, .cache, .turbo, __pycache__, .svn, .DS_Store 같은 빌드/의존성 관련 잡음도 고정된 목록으로 숨겨집니다. 이는 .gitignore를 해석하는 것이 아니라 정적인 목록입니다 — 프로젝트의 .gitignore가 제외하지만 이 목록에 없는 항목은 계속 표시됩니다.
파일 트리 타일
캔버스에 독립적인 파일 트리 타일(기본 크기 440×540px)을 만들 수도 있습니다. 터미널 옆에 지속적인 파일 브라우저가 필요할 때 유용합니다.
Cmd+Shift+P → Open File로 만들거나, 파일 트리가 활성화된 프레임을 생성할 때 함께 만들 수 있습니다.