자주 묻는 질문
온라인 컴파일러, 미리보기 동작, 로컬 저장, 워크플로에 대한 답변.
HTML CSS JS Compiler란?
HTML, CSS, JavaScript를 라이브 브라우저 미리보기로 결합하여 frontend 코드를 빠르게 작성하고 테스트할 수 있는 온라인 워크스페이스입니다.
HTML, CSS, JavaScript를 함께 실행할 수 있나요?
네. 미리보기 문서는 CSS를 style 태그에, JavaScript를 script 태그로 HTML 주변에 주입합니다.
컴파일러는 무료인가요?
기본 사용을 위해 계정 없이 브라우저에서 핵심 playground를 이용할 수 있습니다.
설치가 필요한가요?
아니요. 사이트를 열고 편집을 시작하면 됩니다. 최신 브라우저면 충분합니다.
모바일에서도 작동하나요?
네. 에디터, 실행, 미리보기, Console은 작은 화면용 탭 패널로 구성되어 있습니다.
코드는 브라우저에서 실행되나요?
네. 미리보기 렌더링과 스크립트 실행은 sandbox iframe에서 로컬로 이루어집니다.
코드를 다운로드할 수 있나요?
네. 다운로드 시 HTML, CSS, JavaScript가 포함된 독립 index.html이 생성됩니다.
JavaScript를 테스트할 수 있나요?
네. JavaScript 패널을 사용하고 실행 후 Console 메시지와 런타임 오류를 확인하세요.
반응형 디자인을 테스트할 수 있나요?
네. 데스크톱, 태블릿, 모바일 미리보기 너비를 전환하고 viewport 라벨을 확인하세요.
컴파일러가 코드를 저장하나요?
일반 편집으로 로컬 저장이 활성화되면 패널이 localStorage를 통해 이 브라우저에 저장될 수 있습니다.
코드가 서버에 업로드되나요?
표준 미리보기는 에디터 내용을 backend에 업로드할 필요가 없습니다. 브라우저가 렌더링합니다.
JavaScript가 작동하지 않는 이유는?
흔한 원인: DOM 노드 존재 전 실행, ID 오타, sandbox 권한 차단, iframe에서 사용 불가한 API 의존. Console 패널을 확인하세요.
컴파일러로 돌아가기
HTML, CSS, JavaScript를 위한 빠른 브라우저 개발 환경.