AI 분석
HTML·CSS·JS 패널과 실행 결과를 한 화면에 배치하고 레이아웃 프리셋으로 배열을 바꾸는 웹 코드 에디터다.
예제 갤러리 페이지에서 카드 그리드로 진입한 뒤 전체 화면 에디터로 전환되는 흐름을 보여준다. 에디터는 HTML·CSS·JS 편집 패널과 실행 결과 패널을 다중 칼럼으로 나누고, 얇은 구분선과 드래그 가능한 스플리터로 영역 비율을 조절한다. 상단 툴바에는 실행 버튼, 자동 실행 토글, 다크 모드 아이콘, 레이아웃 프리셋 버튼이 놓이고 프리셋 팝오버가 Classic·Columns·결과 하단·결과 우측·탭 배열을 아이콘 썸네일로 제시한다. 배경은 흰색과 옅은 회색 중심이고 구문 강조의 보라·파랑·주황이 유일한 채도 요소로 남아 코드 가독성을 해치지 않는다. 개발자 도구형 다중 패널 화면에서 밀도와 레이아웃 전환 UI를 설계할 때 참고하기 좋다.
minimal · light-mode · techy
claude-opus-5 · 2026-09-07 05:48 · 신뢰도 0.82
