본 문서는 영어 원본을 기계 번역한 것입니다. 번역본과 영어 원본 사이에 내용이 상충할 경우 영어 원본이 우선합니다. 영어 원본 보기

Slate: 코드 및 문서에 대한 실시간 AI 협업

Slate는 AI와 함께 코드와 문서를 편집하기 위한 Caiioo의 작업 공간입니다. 텍스트를 복사해서 주고받는 대신, 인라인 차이점(diff), 댓글 및 버전 기록을 통해 실시간으로 함께 작업하세요.

Slate로 할 수 있는 일

코드 편집 — 구문 강조(syntax highlighting)와 함께 코드를 작성하고 편집합니다. 변경 사항을 정확히 확인하고 하나씩 수락하거나 거부할 수 있습니다.
서식 있는 텍스트 편집 — 서식, 제목, 표, 목록이 포함된 문서를 만듭니다. 인라인으로 AI 제안을 받습니다.
시각화 및 수정이 가능한 SVG 도면 — SVG(로고, 다이어그램, 차트)를 열고 토글 하나로 소스 코드와 렌더링된 이미지 사이를 전환합니다. AI는 작업하면서 도면을 렌더링하고 결과를 확인하며 반복 작업하므로, 잘못 배치된 레이블을 수정하거나 도형의 색상을 변경하고 동일한 턴에서 시각적으로 변경 사항을 확인할 수 있습니다.
버전 기록 — 이전 버전으로 되돌아갑니다. 누가 무엇을 언제 변경했는지 확인하세요.
댓글 — 코드나 문서의 특정 부분에 메모를 남깁니다.

Slate 사용 방법

AI는 코드나 문서 작성을 요청하면 자동으로 Slate를 엽니다:

"제품 리뷰를 스크랩하는 Python 스크립트 작성해줘"
"머신러닝에 관한 블로그 게시물 초안 작성해줘"
"문의 양식이 포함된 HTML 페이지 생성해줘"
"이 문서를 편집하고 어조를 개선해줘"

AI가 Slate를 열면 다음을 수행할 수 있습니다:

코드 또는 문서 읽기 — 전체 서식이 적용되어 표시됩니다.
변경 사항 검토 — AI가 편집을 제안하면 인라인으로 강조된 diff를 확인하세요.
변경 사항 수락 또는 거부 — 체크 표시를 클릭하여 수락하거나 X를 클릭하여 거부하세요 (한 번에 하나씩).
직접 편집 — 코드나 텍스트를 직접 수정하세요.
추가 변경 요청 — "이 함수에 오류 처리 추가해줘" 또는 "더 간결하게 만들어줘"라고 요청하세요.
기록 보기 — "기록"을 클릭하여 모든 편집 내용을 확인하고 필요시 되돌리세요.

코드 기능

Python, JavaScript, TypeScript, Java, C++, CSS, HTML, SQL 등에 대한 구문 강조
행 번호 및 괄호 매칭
인라인 차이(diff) — 줄 단위로 변경된 내용을 정확히 확인
변경 사항별 수락/거부 — 각 편집 내용에 대한 세밀한 제어
SVG 코드 ↔ 보기 토글 — SVG 도면의 경우 클릭 한 번으로 원시 마크업과 렌더링된 미리보기 간 전환 가능. 코드를 편집하면 그림이 업데이트되는 것을 즉시 확인

서식 있는 텍스트 기능

서식 도구 모음 — 굵게, 기울임꼴, 링크, 목록, 표
제목 및 블록 — 구조화된 문서 정리
댓글 — 텍스트를 수정하지 않고 메모 남기기
변경 내용 추적 — 추가, 삭제, 수정된 내용을 색상 강조로 확인합니다. 변경 사항을 하나씩 또는 한 번에 수락/거부하거나, 영역을 선택하고 "✓ Sel" / "✗ Sel"을 사용하여 Word에서 단락을 선택하는 것처럼 선택 영역 내의 모든 추적된 변경 사항을 수락하거나 거부할 수 있습니다.
스레드시트 변경 내용 추적 — 스프레드시트(.xlsx) 편집 시 셀 단위의 변경 내용 추적도 지원합니다. AI가 셀별로 변경 사항을 제안하며, 문서에서와 마찬가지로 각 변경 사항을 수락하거나 거부할 수 있습니다.
찾기 및 바꾸기 — 문서 전체에서 검색하고 일치하는 항목 바꾸기

팁

AI가 작업하는 동안에도 편집할 수 있으며 변경 사항은 동기화됩니다
버전 기록에 모든 편집 내용이 저장됩니다. 아무것도 잃어버리지 않습니다
워크플로에 맞는 형식으로 내보내세요: Word (.docx), PDF, HTML, Markdown, 서식 있는 텍스트 (.rtf), 표 형식 데이터용 CSV 또는 문서의 기본 형식

This guide is maintained by the Caiioo team using Slate, our built-in editor.