Editor & Tools

Documentation Index

Fetch the complete documentation index at: https://docs.replit.com/llms.txt

Use this file to discover all available pages before exploring further.

Project Editor에는 앱 개발 경험을 지원하는 레이아웃 관리 기능과 통합 도구들이 포함되어 있습니다. 이러한 Project Editor 기능들은 개발 과정의 특정 측면을 처리하는 데 특화되어 있어, 설정에 신경 쓰지 않고 개발에 집중할 수 있도록 도와줍니다.

​

커스터마이즈 가능한 Project Editor 레이아웃

Project Editor의 레이아웃 관리 도구를 사용하면 개발 환경의 구성 요소를 맞춤 설정할 수 있습니다. 다음과 같은 사용자 인터페이스 요소 유형으로 구성됩니다: 다음 동영상은 각 Project Editor 레이아웃 요소를 보여줍니다:

​

파일 트리

파일 트리는 Replit App의 모든 파일과 디렉토리 목록을 표시합니다.

파일 트리에 접근하는 방법

왼쪽의 폴더 아이콘을 선택하면 파일 트리의 표시 여부를 전환할 수 있습니다.

파일 트리에서 다음 작업을 수행할 수 있습니다:

• 폴더를 선택하여 내용 표시
• 파일을 선택하거나 Pane으로 드래그하여 파일 편집기에서 열기
• 파일 복제, 이름 변경, 이동, 다운로드, 삭제 등의 파일 작업 수행

다음 동영상은 파일 트리의 여러 작업을 보여줍니다:

​

도구 독

도구 독을 사용하면 Project Editor 도구를 검색하고 새 탭에서 열 수 있습니다.

도구 독에 접근하는 방법

자주 사용하는 도구 중에서 선택하거나, All tools 아이콘을 선택하여 도구 검색 팝업 메뉴를 열 수 있습니다.

다음 스크린샷은 도구 독에서 열린 All tools 팝업 메뉴를 보여줍니다:

​

Run 버튼

Run 버튼은 Replit App의 선택된 워크플로우를 실행합니다.

Run 버튼에 접근하는 방법

Run 버튼은 Project Editor 화면 상단에 위치합니다. 버튼을 선택하여 워크플로우를 실행하세요.Replit App이 실행 중일 때 버튼 레이블은 Stop으로 바뀝니다. 버튼을 선택하여 앱을 중지하세요.

워크플로우를 선택, 확인 및 관리하는 방법에 대해서는 Workflows를 참조하세요. 다음 동영상은 워크플로우를 확인하고 실행하는 방법을 보여줍니다:

​

Spotlight 페이지

Spotlight 페이지에서는 Replit App 커버 페이지를 확인하고 수정하며 공유 옵션에 접근할 수 있습니다.

Spotlight 페이지에 접근하는 방법

Project Editor 왼쪽 상단에 있는 프로젝트 이름을 선택하면 Spotlight 페이지를 전환할 수 있습니다.

다음 동영상은 Spotlight 페이지에 접근하는 방법을 보여줍니다:

​

옵션 메뉴

옵션 메뉴에서는 다음과 같은 레이아웃 작업을 수행할 수 있습니다:

• Window 관리: Replit App의 Project Editor를 새 창에서 열기
• Pane 관리: Pane 추가, 이동, 최대화, 플로팅과 고정 위치 전환
• Tab 관리: 다른 탭 열기 또는 선택, 탭을 다른 Pane으로 이동, 탭 닫기

옵션 메뉴에 접근하는 방법

활성 탭의 오른쪽 상단 모서리에 있는 세로 점 세 개를 선택하면 옵션 메뉴가 열립니다.

다음 스크린샷은 왼쪽 Pane의 옵션 팝업 메뉴를 보여줍니다:

​

검색 바

검색 바를 사용하면 Project Editor 내에서 파일, 텍스트 또는 도구를 찾을 수 있습니다.

검색 바에 접근하는 방법

1. 상단의 돋보기 아이콘을 선택하여 검색 바를 엽니다.
2. 검색어를 입력하고 자동 완성 제안에서 선택합니다.

다음 스크린샷은 검색 팝업 메뉴를 보여줍니다:

​

리소스 패널

리소스 패널은 RAM, CPU, 저장 공간을 포함한 개발 환경의 컴퓨팅 리소스와 사용량을 표시합니다. 이 정보는 Replit App의 게시 요구사항을 예측하고 최적화하는 데 도움이 됩니다.

리소스 패널에 접근하는 방법

1. 앱 이름 옆에 있는 리소스 아이콘을 선택하여 패널을 전환합니다.
2. Compute 또는 Storage 항목 위에 마우스를 올리면 자세한 정보를 볼 수 있습니다.

다음 스크린샷은 리소스 패널을 보여줍니다:

​

도구

다른 Project Editor 도구들에 대해 더 자세히 알아보려면 다음 목록에서 선택하세요: