전송되지 않습니다. 세 칸의 내용은 이 브라우저 안에서만 쓰이고, 미리보기도 브라우저가 직접 그립니다. 공유 링크를 만들 때도 코드는 주소의 # 뒤에 실리는데, 브라우저는 # 뒤를 서버로 보내지 않습니다. 작성 중인 내용은 이 브라우저에만 저장되므로 다른 기기에서는 보이지 않습니다.

고칠 때마다 이 브라우저에 자동으로 저장하므로 창을 닫았다 열어도 그대로 있습니다. 다만 저장 위치가 브라우저라서 시크릿(사생활 보호) 창을 닫거나 브라우저 저장 데이터를 지우면 함께 사라집니다. 오래 두고 쓸 것이라면 "내려받기" 로 HTML 파일을 받아 두거나 "공유 링크" 를 어딘가에 적어 두세요. 링크 자체에 코드가 들어 있어서 그 링크만 있으면 어디서든 그대로 열립니다.

HTML 칸에 <script src="https://…"> 를 적으면 됩니다. CDN 주소를 그대로 쓸 수 있고, CSS 라이브러리도 <link rel="stylesheet" href="…"> 로 넣습니다. 다만 그 파일은 인터넷에서 받아오므로 오프라인에서는 그 부분만 동작하지 않습니다. JSX·타입스크립트처럼 미리 변환이 필요한 문법은 그대로 돌지 않습니다 — 코드 변환기에서 먼저 JS 로 바꿔서 붙여 넣으세요.

미리보기는 출처(origin)가 없는 샌드박스에서 실행됩니다. 그래야 여기서 실행한 코드가 이 사이트의 저장소나 화면에 손댈 수 없습니다 — 남이 보낸 공유 링크를 열 때를 생각하면 꼭 필요한 안전장치입니다. 그 대신 코드가 첫 줄에서 오류로 멈추지 않도록 localStorage·sessionStorage 를 흉내 낸 임시 저장소를 넣어 둡니다. 값은 실행하는 동안만 유지되고, 다시 실행하면 비워집니다. 쿠키도 같은 이유로 저장되지 않습니다.

미리보기는 0.7초마다 응답 신호를 보냅니다. 이 신호가 4초 넘게 끊기면 안내 띠가 뜨고 자동 실행이 꺼집니다 — 꺼 두지 않으면 글자를 입력할 때마다 다시 멈추기 때문입니다. "중지" 를 누르면 미리보기를 종료합니다. 브라우저에 따라서는 미리보기가 이 페이지와 같은 프로세스에서 실행돼 탭 전체가 잠깐 멈출 수도 있는데, 그때는 탭을 새로고침하세요. 작성하던 코드는 자동 저장되어 있어 그대로 돌아옵니다.

맞습니다. 미리보기 문서에는 콘솔 연결 코드와 HTML 이 앞에 들어가지만, 그만큼을 빼고 JS 칸의 첫 줄을 1번으로 계산해 알려 줍니다. console.log 로 출력한 값도 객체·배열·Map·DOM 요소까지 펼쳐서 보여 주며, 순환 참조가 있어도 끊어서 표시합니다. 실행 한 번에 콘솔은 500줄까지만 표시합니다 — 반복문 안의 console.log 가 이 페이지까지 멈추게 하는 것을 막기 위해서입니다.

됩니다. HTML 칸이 <!doctype html> 이나 <html> 로 시작하면 그 문서를 그대로 바탕으로 씁니다. html·head·body 를 새로 만들지 않고, 적어 둔 <title> 과 lang 도 그대로 둡니다. CSS 칸은 head 끝에, JS 칸은 body 끝에 더해집니다. 조각만 붙여 넣으면 body 안에 들어갑니다.

가입이 없고, 코드가 서버에 저장되지 않으며, 한 번 열어 두면 인터넷이 끊겨도 쓸 수 있다는 점이 다릅니다(앱으로 설치하면 더 확실합니다). 대신 서버에 저장하지 않으니 "내 작업 목록" 같은 것은 없고, 공유는 코드를 담은 링크로 합니다. 코드가 아주 길면 링크에 담기지 않을 수 있는데, 그때는 HTML 파일로 내려받아 보내면 됩니다.