Slopographic

Slop Code 안내

Slop Code 시작하기

Slop Code는 Slop Drive의 파일을 편집하는 코드 편집기입니다. JavaScript, TypeScript, HTML, CSS, JSON, Markdown, Python, 일반 텍스트를 편집하며, HTML과 JavaScript는 격리된 미리 보기에서 실행합니다. 아무것도 업로드되지 않습니다.

Slop Code 열기

파일 만들거나 열기

탐색기에는 Slop Drive의 폴더와 파일이 보입니다. 파일과 폴더 버튼은 고른 폴더에 새 항목을 만듭니다. 행을 오른쪽 클릭하면 이름 바꾸기, 이동…, 경로 복사, 삭제를 고를 수 있습니다. 삭제는 Slop Drive 휴지통으로 옮깁니다.

  1. 새 파일…(또는 위쪽의 새로 만들기)을 클릭하세요.
  2. 종류(예: HTML)를 고르세요. 확장자와 강조 표시가 정해집니다.
  3. 이름을 입력하고 만들기를 클릭하세요. 파일은 Slop Drive에 만들어지고 탭에서 열립니다.
  4. 이미 가진 파일을 편집하려면 Slop Drive에서 열기…를 클릭하거나 왼쪽 탐색기에서 파일을 클릭하세요.
종류가 HTML이고 이름이 hello.html로 설정된 Slop Code의 새 파일 대화 상자

편집하고 저장하기

편집기에는 줄 번호, 접기, 괄호 짝 맞추기, 찾기와 바꾸기, 다중 커서(Ctrl+클릭으로 추가)가 있습니다. 자동 완성과 스니펫은 Ctrl+Space를 누르세요. Enter나 Tab으로 수락합니다.

편집 내용은 저장할 때까지 이 기기에 초안으로 남습니다. 점이 표시된 탭에는 저장되지 않은 변경이 있습니다.

  1. Ctrl+S를 누르거나 저장을 클릭해 같은 Slop Drive 파일에 기록하세요.
  2. 다른 이름으로 저장을 클릭하면 고른 폴더에 사본을 저장합니다.

페이지 실행하기

미리 보기는 네트워크에 접근하지 않습니다. 페이지가 상대 경로로 연결한 CSS, 스크립트, 그림은 같은 Slop Drive 폴더에서 가져옵니다.

  1. HTML 또는 JavaScript 파일을 여세요.
  2. 실행을 클릭하거나 Ctrl+Enter를 누르세요.
  3. 오른쪽에 미리 보기가 열립니다. 그 아래에 콘솔 메시지와 오류가 나옵니다. 닫기를 클릭하면 숨겨집니다.
편집기에 hello.html이 열려 있고 미리 보기에서 페이지가 실행되며 콘솔에 Page ready가 나오는 Slop Code

확장 기능과 다른 파일

확장 기능 패널에는 켜고 끌 수 있는 내장 도우미가 있습니다. 포매터(문서 정리), 언어 모드 전환기, 스니펫입니다. 아무것도 내려받지 않습니다.

Markdown 파일에는 렌더링된 모습을 보여 주는 미리 보기 버튼이 있습니다. 그림, 오디오, 영상, PDF는 읽기 전용 보기 탭에서 열립니다.

팁: Ctrl+B는 사이드바를 보이거나 숨깁니다. 명령을 클릭하면 모든 명령을 검색할 수 있습니다.

키보드 단축키

키기능
Ctrl+OSlop Drive에서 열기
Ctrl+Alt+N새 파일
Ctrl+Alt+Shift+N새 폴더
Ctrl+S저장
Ctrl+Shift+S다른 이름으로 저장
Ctrl+Alt+W탭 닫기
Ctrl+F / Ctrl+H찾기 / 바꾸기
Ctrl+Space자동 완성
Ctrl+Shift+F문서 정리
Ctrl+Alt+Z줄 바꿈 켜기 / 끄기
Ctrl+B탐색기 보이기 또는 숨기기
Ctrl+Enter실행 미리 보기