스크립트 에디터 개요

스크립트 에디터는 코드를 작성하고 편집하는 도구입니다.

스크립트 에디터 열기

스크립트 에디터를 열려면:

1. 메뉴에서 "Script Editor" 선택
2. 또는 단축키 사용 (기본값: Ctrl+Shift+E)

주요 기능

코드 편집

• Monaco Editor 기반: Visual Studio Code와 유사한 편집 경험
• 구문 강조: TypeScript/JavaScript 구문 강조
• 자동 완성: 코드 자동 완성 지원
• IntelliSense: 코드 힌트 및 문서 표시

파일 관리

• 파일 탐색기: 프로젝트의 스크립트 파일 탐색
• 파일 생성: 새 스크립트 파일 생성
• 파일 삭제: 스크립트 파일 삭제
• 폴더 구조: 폴더 생성 및 관리

디버깅

• 디버거 연결: 디버거와 연결하여 코드 실행 중단
• 변수 모니터링: 변수 값 실시간 모니터링
• 브레이크포인트: 코드 실행 중단점 설정

스크립트 에디터 레이아웃

┌──────────┬────────────────────────────┬──────────────┐
│          │                            │              │
│ File     │      Code Editor           │   Variable   │
│ Tree     │      (모나코 에디터)        │   Panel      │
│          │                            │              │
├──────────┤                            ├──────────────┤
│          │                            │              │
│ Include  │                            │   Function   │
│ Panel    │                            │   Panel      │
│          │                            │              │
└──────────┴────────────────────────────┴──────────────┘

주요 패널

• File Tree: 스크립트 파일 탐색
• Code Editor: 코드 편집 영역
• Variable Panel: 변수 목록
• Function Panel: 함수 목록
• Include Panel: Include 파일 목록
• Console: 터미널/콘솔

다음 단계

• 스크립트 에디터 기능: 주요 기능 자세히 알아보기
• 코드 자동 완성: 코드 자동 완성 사용하기