워크스페이스 개요

1DevTool의 세 영역과 패널이 함께 작동하는 방식을 이해합니다.

1DevTool을 처음 열면 화면이 세 개의 명확한 영역으로 나뉩니다. 각 영역은 특정 작업을 가지며, 어디에 무엇이 있는지 이해하면 몇 분 안에 익숙해질 것입니다.

전체 1DevTool 워크스페이스

세 영역

왼쪽 사이드바

왼쪽 사이드바는 프로젝트 허브입니다. 색상 코드 아이콘의 수직 스택을 표시합니다 — 프로젝트당 하나의 아이콘. 색상을 사용하면 텍스트를 읽지 않고도 한눈에 프로젝트를 구분하기 쉽습니다.

사이드바 하단에는 전역 설정, 세션 관리자 및 기타 앱 수준 컨트롤을 위한 탐색 아이콘이 있습니다.

프로젝트를 전환하려면 프로젝트 아이콘을 클릭하기만 하면 됩니다. 1DevTool이 마지막으로 작업했을 때 열려 있던 패널과 터미널의 정확한 세트를 즉시 복원합니다. 이전 프로젝트는 백그라운드에서 조용히 계속 실행됩니다 — 아무것도 종료되지 않습니다.

메인 영역

메인 영역은 모든 것이 발생하는 큰 중앙 영역입니다. 패널로 구성되어 있습니다 — 각각 하나의 목적을 가진 개별 창입니다. 여러 패널을 동시에 열 수 있으며 나란히 또는 그리드로 배열됩니다.

1DevTool에서 사용 가능한 패널 유형:

패널기능
TerminalAI Agent(Claude Code, Codex, Gemini CLI) 또는 셸 명령을 실행하는 완전한 터미널
Database별도의 GUI 앱 없이 데이터베이스를 시각적으로 탐색하고 쿼리
HTTP Client내장 Postman처럼 API 요청을 보내고 응답을 검사
Git변경 사항 스테이징, 커밋 메시지 작성, diff 확인 — 1DevTool을 떠나지 않고
Browser빌드하는 동안 앱을 미리 볼 수 있는 실제 브라우저 패널
IDE Strip터미널과 함께 빠른 파일 탐색 및 에디터 단축키

상태 표시줄

창 맨 아래의 얇은 바는 상태 표시줄입니다. 무엇을 하든 항상 표시되며 다음을 보여줍니다:

  • 현재 프로젝트 이름
  • 활성 터미널 세션 수
  • 시스템 리소스 사용량 (CPU 및 메모리)
  • 세션 관리자 아이콘 — 클릭하면 모든 프로젝트에서 실행 중인 모든 터미널 세션을 확인

패널 작업

패널 추가

패널 헤더에서 + 버튼을 클릭하여 패널 선택기를 엽니다. 원하는 패널 유형을 선택하면 메인 영역의 다음 사용 가능한 슬롯에 표시됩니다.

메인 영역 상단의 툴바를 사용할 수도 있습니다 — 메뉴를 탐색하지 않고 필요한 것을 열 수 있도록 모든 패널 유형에 대한 빠른 추가 버튼이 있습니다.

패널 크기 조정

두 패널 사이의 구분선에 커서를 올리세요. 커서가 크기 조정 핸들(양방향 화살표)로 변경됩니다. 클릭하고 드래그하여 필요한 패널에 더 많은 공간을 줍니다.

팁: 일시적인 집중을 위해 Cmd+Shift+F (Mac) 또는 Ctrl+Shift+F (Windows)를 눌러 활성 패널을 메인 영역 전체로 확장합니다. 동일한 단축키를 다시 눌러 이전 레이아웃으로 돌아갑니다.

패널 닫기

패널 탭에서 **×**를 클릭하거나 패널이 포커스된 상태에서 Cmd+W (Mac) / Ctrl+W (Windows)를 누릅니다. 패널을 닫아도 내부에서 실행 중인 프로세스가 종료되지 않습니다. 터미널은 백그라운드에서 계속 실행되며 상태 표시줄의 세션 관리자에서 언제든지 다시 연결할 수 있습니다.

프로젝트 간 전환

왼쪽 사이드바의 아이콘을 클릭하여 프로젝트를 전환합니다. 1DevTool이 컨텍스트 전환을 즉시 처리합니다:

  • 새 프로젝트의 패널이 떠났던 그대로 복원됩니다
  • 이전 프로젝트의 터미널 세션은 백그라운드에서 계속 실행됩니다
  • 상태 표시줄이 새로 활성 프로젝트를 반영하여 업데이트됩니다

사이드바 위치로 프로젝트에 직접 이동하려면 Mac에서 Cmd+1에서 Cmd+9 또는 Windows에서 Ctrl+1에서 Ctrl+9를 누를 수도 있습니다 — 마우스 불필요.

상단 툴바

툴바는 메인 영역 상단에 있으며 가장 일반적인 작업에 빠르게 접근할 수 있게 해줍니다:

  • 레이아웃 전환기 — 2×2 그리드, 컬럼 뷰, 전체화면 간 토글 (레이아웃 모드 참조)
  • 패널 추가 버튼 — 패널 유형당 하나의 버튼으로 즉시 접근
  • 프로젝트 이름 표시 — 현재 활성 프로젝트가 무엇인지 알림