에디터 및 도구

Project Editor에는 앱 빌드 경험을 강화하는 레이아웃 관리 및 통합 도구가 포함되어 있습니다. 이러한 Project Editor 기능은 개발 프로세스의 특정 측면을 전문적으로 처리하여, 설정보다 창작에 집중할 수 있게 해줍니다.

​

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

Project Editor 레이아웃 관리 도구를 사용하면 개발 환경의 구성 요소를 커스터마이즈할 수 있습니다. 다음과 같은 사용자 인터페이스 요소 유형으로 구성됩니다. 다음 영상은 각 Project Editor 레이아웃 요소를 소개합니다.

​

파일 트리

파일 트리는 Replit App의 모든 파일과 디렉터리를 나열합니다.

파일 트리에 접근하는 방법

좌측의 폴더 아이콘을 선택해 파일 트리의 표시 여부를 전환하세요.

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

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

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

​

도구 도크

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

도구 도크에 접근하는 방법

자주 사용하는 도구 중에서 선택하거나 전체 도구 아이콘을 선택해 도구 검색 팝업 메뉴를 여세요.

다음 스크린샷은 도구 도크에서 열려 있는 전체 도구 팝업 메뉴를 보여줍니다.

​

Run 버튼

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

Run 버튼에 접근하는 방법

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

워크플로를 선택, 확인, 관리하는 방법은 Workflows를 참고하세요. 다음 영상은 워크플로를 확인하고 실행하는 방법을 보여줍니다.

​

Spotlight 페이지

Spotlight 페이지를 사용하면 Replit App의 커버 페이지를 확인 및 수정하고 공유 옵션에 접근할 수 있습니다.

Spotlight 페이지에 접근하는 방법

Project Editor 좌측 상단의 프로젝트 이름을 선택해 Spotlight 페이지를 전환하세요.

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

​

옵션 메뉴

옵션 메뉴를 사용하면 다음과 같은 레이아웃 작업을 수행할 수 있습니다.

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

옵션 메뉴에 접근하는 방법

활성 탭의 우측 상단에 있는 세로 점 세 개를 선택해 옵션 메뉴를 여세요.

다음 스크린샷은 좌측 패널의 옵션 팝업 메뉴를 보여줍니다.

​

검색창

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

검색창에 접근하는 방법

1. 상단의 돋보기 아이콘을 선택해 검색창을 여세요.
2. 검색 텍스트를 입력하고 자동 완성 제안 중에서 선택하세요.

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

​

리소스 패널

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

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

1. 앱 이름 옆에 있는 리소스 아이콘을 선택해 패널을 전환하세요.
2. Compute 또는 Storage 항목에 마우스를 올려 자세한 내용을 확인하세요.

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

​

도구

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