Slop Code · 무료, 브라우저에서

HTML을 쓰고 미리 보기에서 실행하기

페이지를 CSS, JavaScript와 함께 쓰고 코드 옆에서 실행하세요. 미리 보기는 잠긴 샌드박스에서 돌아가며, 콘솔 출력과 오류가 아래에 표시됩니다.

Slop Code 열기

하는 방법

1. Slop Code를 열고 새로 만들기를 고른 뒤 HTML을 고르고 파일 이름을 정하세요.
2. 페이지를 쓰세요. Ctrl+Space는 태그, 속성, CSS 속성을 자동 완성합니다.
3. 같은 Slop Drive 폴더에 .css와 .js 파일을 추가하고 상대 경로로 연결하세요.
4. 실행(Ctrl+Enter)을 고르면 페이지가 보입니다. 콘솔 메시지와 오류는 그 아래에 나타납니다.
5. 저장(Ctrl+S)을 고르면 파일이 Slop Drive에 보관됩니다.

파일은 이 기기에 그대로 남습니다. Slop Code은(는) 브라우저에서 실행되며, 업로드, 계정, 워터마크가 없습니다.

질문

미리 보기가 인터넷에 접속할 수 있나요?

아니요. 미리 보기는 네트워크에 접근하지 않으며 앱의 저장공간도 읽을 수 없습니다. 프로젝트 파일은 인라인되고, 이미지는 내 폴더에서 데이터로 불러옵니다.

저장하지 않은 변경 사항이 미리 보기에 나타나나요?

네. 열린 탭은 현재 텍스트를 쓰므로, 저장하기 전에 변경을 시험해 볼 수 있습니다.

내 파일은 어디에 있나요?

이 브라우저의 Slop Drive에 있습니다. 저장하지 않은 텍스트도 초안으로 보관되므로 탭을 닫아도 잃지 않습니다.

Slop Code에서 더 많은 작업

• JSON 정리하기

관련 앱

• Slop Docs
  개발 중
  브라우저를 위해 다시 만든 Word와 Google 문서.
• File convert
  개발 중
  이미지, PDF, 데이터, 텍스트를 기기에서 변환합니다.
• Slop Effects
  베타
  브라우저에서 하는 모션 디자인. 업로드되지 않습니다.