Studio 에디터: AI 어시스턴트를 사용해 사용자 지정 코드 추가하기
5 분
페이지 메뉴
- AI로 사용자 지정 동작 추가하기
- AI에 의해 수행된 코드 변경사항 되돌리기
- 자주 묻는 질문
현재 이 기능은 알파 모드입니다.
AI 어시스턴트를 사용해 코딩 경험이 없이도 요소에 사용자 지정 코드 동작을 추가하세요. 상호 작용을 향상시키든 맞춤형 경험을 생성하든, AI가 이를 더 단순하게 만듭니다. 어시스턴트가 기술 코딩을 처리하고 제안을 제공하거나 아이디어를 구현하는 동안 창의적인 비전에 집중하세요.
AI 어시스턴트에 액세스하려면 어떻게 해야 하나요?

AI로 사용자 지정 동작 추가하기
코드 패널에서 AI 어시스턴트에 액세스하거나 사용자 지정하고자 하는 특정 요소를 마우스 오른쪽 버튼으로 클릭합니다. 어시스턴트가 사용자를 대신해 '(요소 ID)에 적용할 수 있는 인터랙티브 동작은 무엇인가요?'라는 초기 메시지를 발송하고 요소를 기반으로 맞춤형 추천을 제공합니다.
추천 동작을 선택하거나 염두에 두고 있는 사용자 지정을 설명하세요. 코드를 클라이언트의 사이트에 추가하기 전에 언제든지 미리 보고 승인할 수 있습니다.
AI로 사용자 지정 동작을 추가하려면:
- 에디터로 이동합니다.
- 해당 요소를 마우스 오른쪽 버튼으로 클릭합니다.
- AI로 사용자 지정 동작 추가를 선택합니다.
도움말: 이렇게 하면 에디터 왼쪽에 (코드 패널 내) AI 어시스턴트와 채팅이 열립니다. - AI 어시스턴트의 제안을 검토해 추가할 수 있는 사용자 지정 동작을 확인합니다.
- 사용자 지정할 항목을 설명한 후 발송
아이콘을 클릭합니다.
도움말: 다른 아이디어를 염두에 두고 있는 경우 다른 제안도 가능합니다. AI 어시스턴트는 사용자가 생각하고 있는 사용자 지정을 추가할 수 있는지 평가하고 조언합니다. - 다음에 수행할 작업을 선택합니다.
- 사용자 지정 구체화: AI 어시스턴트와 채팅을 계속해 추가하고자 하는 특정 사용자 지정 옵션을 명확히 합니다.
- 코드 미리보기: 코드 표시를 클릭해 AI가 추가하려는 코드를 확인합니다. 또한, 코드의 기능에 대한 분석을 제공해 사용자 지정을 적용하는 방법을 명확히 합니다.
- 코드 추가: 클라이언트 사이트에 코드를 추가합니다.
- 코드 추가를 클릭합니다.
- 승인을 클릭해 코드 추가를 확인합니다.
다음 단계:
- 생성된 코드 아래에서 미리보기를 클릭해 사용자 지정이 어떻게 보이는지 확인합니다.
- 언제든지 새 채팅
아이콘을 클릭해 클릭해 AI를 통한 다른 사용자 지정에 대한 대화를 시작할 수 있습니다.

AI에 의해 수행된 코드 변경사항 되돌리기
AI 어시스턴트가 변경한 사항을 실행 취소하려면 클라이언트의 사이트를 이전 상태로 복원하세요. 어시스턴트와 채팅 기록에 액세스하고 생성된 코드를 이전 버전으로 다시 복원할 수 있습니다.
코드를 이전 상태로 복원하려면:
- 에디터로 이동합니다.
- 에디터 왼쪽에서 코드
아이콘을 클릭합니다. - AI 어시스턴트를 클릭합니다.
- 코드 패널 오른쪽 상단에서 추가 작업
아이콘을 클릭합니다. - 채팅 기록 보기를 선택합니다.

- 해당 대화를 선택합니다.
- 해당 생성된 코드 섹션 아래에서 복원을 클릭합니다.

자주 묻는 질문
아래 질문을 클릭해 자세한 내용을 확인하세요.
지원되지 않는 사용자 지정이 있나요?
AI 어시스턴트가 요소 ID 목록(예: 'box 3', 'section1')을 제공했는데 이를 찾으려면 어떻게 해야 하나요?







