# Studio Two 에디터: Studio 에디터와 Studio Two 에디터의 차이점 Source: https://support.wix.com/ko/article/studio-two-editor-the-difference-between-studio-editor-and-studio-two-editor-ko (updated 2026-11-13) Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt 2026년 11월부터 일부 사용자에게 Studio Two 에디터를 제공하고 있습니다. 현재 사이트 제작에 사용 중인 에디터 버전이 무엇인지 확실하지 않거나 Studio Two 에디터의 새로운 기능이 궁금할 수 있습니다. 아래 스크린샷과 테이블에서 현재 사용 중인 에디터와 프로젝트에 적합한 에디터를 확인하세요. --- ## Studio Two 에디터 Studio Two 에디터는 세련된 어두운 색상 테마를 사용합니다. 미니멀하면서도 명확한 레이아웃으로 에디터의 각 영역을 쉽게 구분할 수 있습니다. ![축소된 에디터 캔버스를 보여주는 스크린샷입니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/59ab096e-e0a0-4b06-ad46-bd78e940c7f1/2026/11/09/2a501090-93d8-4645-bec7-c52cc72500be/lma1.png) 캔버스는 자유롭게 이동할 수 있습니다. 확대/축소뿐만 아니라 에디터의 다른 구역으로 스크롤할 수도 있어, 열어 둔 패널에 더 쉽게 집중할 수 있습니다. 화면 왼쪽의 콤팩트 메뉴에는 주요 도구가 몇 가지 진입점으로 그룹화되어 있습니다. 요소 추가, 사이트 스타일 패널 등의 진입점 외에도 다음과 같은 2가지 새로운 기능이 포함되어 있습니다. * **요소 그리기** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/59ab096e-e0a0-4b06-ad46-bd78e940c7f1/2026/08/28/30435edf-c00e-46e8-8f0a-a98b52292046/image.png): 원하는 크기의 요소를 캔버스에 빠르게 '그릴' 수 있는 도구입니다. * **Aria:** Aria는 [유용한 AI 어시스턴트](https://support.wix.com/ko/article/studio-two-editor-working-with-aria)입니다. 사이트 콘텐츠를 생성 및 업데이트하고 사이트 구조를 정리하는 등 다양한 작업을 수행할 수 있습니다. 시작하려면 에디터 왼쪽 하단에서 **Aria**를 클릭합니다. ![Studio Two 에디터에서 Aria가 열려 있으며 왼쪽 메뉴의 진입점이 강조 표시되어 있습니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/59ab096e-e0a0-4b06-ad46-bd78e940c7f1/2026/11/09/3ec359d7-e9ef-457b-8922-943944de3faf/lma2.png) 요소를 선택하면 화면 하단에 액션바가 표시됩니다. 액션바에는 현재 작업 중인 요소에 맞는 옵션이 있어 빠르게 변경할 수 있습니다. 추가 편집은 언제든지 검사창의 옵션을 사용해 진행할 수 있습니다. ![캔버스에서 요소가 선택되어 있으며 하단의 액션바가 강조 표시되어 있습니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/59ab096e-e0a0-4b06-ad46-bd78e940c7f1/2026/10/21/4fd915bf-7007-4fc5-abbe-67d730f99f46/stab.png) > **알아두세요:** 일부 요소는 캔버스에서 선택하면 AI 편집 도구 모음도 표시됩니다. > > ![A cropped screenshot showing the cursor hovering over the AI Actions icon of an image.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/59ab096e-e0a0-4b06-ad46-bd78e940c7f1/2026/10/20/602ee25e-fad8-4038-9ec5-2acf2236573c/image.png) --- ## Studio 에디터 Studio 에디터는 밝고 탁 트인 흰색 배경을 사용합니다. 화면 왼쪽의 옵션이 더 세분화되어 있어 필요한 설정을 정확하게 찾을 수 있습니다. ![Studio 에디터의 전체 사이트 캔버스를 보여주는 축소 화면입니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/59ab096e-e0a0-4b06-ad46-bd78e940c7f1/2026/07/24/a75c50ff-893d-4950-b992-009071e22d9d/sed1.png) 요소를 클릭하면 해당 요소의 기본 작업이 포함된 작은 도구 모음이 표시됩니다. 요소의 다른 속성은 속성 검사 패널에서 변경할 수 있습니다. ![Studio 에디터에서 선택한 요소를 확대한 화면이며 도구 모음이 강조 표시되어 있습니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/59ab096e-e0a0-4b06-ad46-bd78e940c7f1/2026/07/24/a9808ed3-2342-4a89-9234-959fe5565406/sed2.png) --- ## 에디터 비교하기 에디터 간 차이점을 빠르게 확인하고 싶으신가요? 아래 테이블에서 Studio 에디터와 Studio Two 에디터의 디자인, 함수 및 기능을 비교해 보세요. > **중요!** 이 목록에는 에디터 간 주요 차이점만 포함되어 있으며, 내용은 수시로 업데이트될 수 있습니다. | 기능 | Studio 에디터 | Studio Two 에디터 | | --- | --- | --- | | **디자인** | 라이트 모드 | 다크 모드 | | **요소 추가** | 요소 추가 패널 | * 요소 추가 패널 * 요소 그리기 | | **요소 퀵액션** | 도구 모음 | * 액션바 * AI 편집 도구 모음(일부 요소) | | **기타 요소 옵션** | 검사창 | 검사창 | | **상단 바** | * Studio 로고 * 페이지 드롭다운 * 화면 중단점 * 편집 크기 * 확대/축소 * 실행 취소 및 다시 실행 * 알림 * 미리보기 및 게시 | * Studio Two 로고 * 사이트 개요 * 디자인 및 코드 버튼 * 페이지 드롭다운 * 반응형 설정 패널(화면 중단점, 모바일 자동 최적화 및 크기 조정 제한) * 확대/축소 * 실행 취소 및 다시 실행 * 미리보기 및 게시 | | **Aria(AI 어시스턴트)** | 아니요 | 예 | | **코딩** | Velo | 코드 워크스페이스(React) | | **사이트 댓글** | 예 | 아니요 |