- 홈 페이지
- 도움말 센터
- 기능 가이드
- Sider Code - 간단한 명령어로 모든 웹사이트 맞춤 설정하기
Sider Code - 간단한 명령어로 모든 웹사이트 맞춤 설정하기
어떤 웹사이트든 당신의 방식대로 작동하게 만드세요. 원하는 것을 설명하면 AI가 페이지를 맞춤 설정해줍니다—코드 작성 불필요.
Sider Code란 무엇인가요?
Sider Code는 간단한 자연어만으로 거의 모든 웹페이지를 수정할 수 있게 해주는 AI 기반 웹페이지 맞춤화 도구입니다.
코드를 작성할 필요 없이, 변경하고 싶은 내용을 설명하기만 하면 Sider Code가 요청을 이해하고 페이지를 맞춤 설정해줍니다.
Sider Code로 할 수 있는 작업은 다음과 같습니다:
- AI 기반 기능 추가—예를 들어, 긴 글에 대한 요약 버튼 추가하거나 수천 개의 댓글을 요약하기
- 산만한 요소 제거—광고, 팝업, 사이드바, 후원 콘텐츠 등
- 페이지 외관 맞춤화—다크 모드 전환이나 페이지 레이아웃 변경 등
예를 들어, 다음과 같이 요청할 수 있습니다:
- “댓글을 요약하는 버튼을 추가해 줘”
- “이 페이지의 모든 광고를 제거해 줘”
- “사이드바를 숨기고 기사 부분을 전체 너비로 만들어 줘”
- “이 페이지를 더 깔끔하고 읽기 쉽게 만들어 줘”
Sider Code 설정 방법
Sider Code를 사용하기 전에 두 가지 간단한 설정 단계를 완료해야 합니다:
- 사용자 스크립트 활성화
- Sider Operator 설치
이 단계들은 Sider Code가 웹페이지 변경을 적용하고 맞춤 설정을 자동으로 테스트 및 디버깅할 수 있도록 해줍니다.
1단계: Sider Code 열기
Sider 사이드바를 열고 Code 아이콘을 클릭하세요.
Sider Code 환영 페이지가 나타납니다. 시작하기를 클릭하세요.
2단계: 사용자 스크립트 활성화
Sider Code는 웹페이지에 변경사항을 적용하기 위해 사용자 스크립트 권한이 필요합니다.
설정 창에서 확장 프로그램 설정 열기를 클릭하세요.
Chrome 확장 프로그램 설정 페이지가 열립니다.
사용자 스크립트 허용을 찾아 활성화하세요.
활성화 후 다시 Sider Code 패널로 돌아오면 첫 번째 설정 단계가 완료로 표시됩니다.
3단계: Sider Operator 설치
다음으로 Sider Operator를 설치하세요.
Sider Operator는 Sider Code가 웹페이지 변경사항을 자동으로 테스트하고 디버깅하도록 돕기 때문에 맞춤 설정이 더 안정적으로 작동합니다.
Sider Code 설정 창에서 Sider Operator 받기를 클릭하세요.
그러면 Chrome 웹 스토어의 Sider Operator 페이지가 열립니다.
4단계: Sider Operator를 Chrome에 추가
Chrome 웹 스토어 페이지에서 Chrome에 추가를 클릭하세요.
Chrome이 확인 창을 보여주면 확장 프로그램 추가를 클릭하세요.
설치가 완료되면 Sider Code로 돌아가 웹페이지 맞춤 설정을 시작하세요.
Sider Code 사용법
1단계: Sider Code 열기
맞춤 설정하려는 웹페이지를 열고 Sider 사이드바에서 Code 아이콘을 클릭하세요.
2단계: AI에게 변경할 내용을 알려주세요
로 원하는 내용을 설명하세요.
예를 들면:
- “이 페이지에서 후원 게시물을 제거해 줘”
- “플로팅 목차를 추가해 줘”
- “각 상품 옆에 평점을 표시해 줘”
또는 광고 제거, 다크 모드 전환, 모든 이미지 추출, 자동 스크롤 등 제안된 명령어를 클릭할 수도 있습니다.
3단계: 결과 확인 및 수정하기
Sider Code가 현재 웹페이지에 변경사항을 적용합니다.
결과가 원하는 대로 나오지 않았다면 후속 명령어로 계속 수정할 수 있습니다.
예를 들어:
- “글자 크기를 더 작게 해 줘.”
- “댓글 섹션은 남겨 둬.”
- “오른쪽 사이드바만 제거해 줘.”
- “공간을 더 넓혀 줘.”
특정 영역이 이상하면 변경하고 싶은 영역을 스크린샷으로 찍어 AI에게 무엇을 수정할지 알려줄 수도 있습니다.
예를 들어:
- “이 부분을 제거해 줘.”
- “이 버튼을 더 작게 만들어 줘.”
- “이 블록을 위쪽으로 이동해 줘.”
- “이 영역은 너무 복잡해 보여. 더 깔끔하게 만들어 줘.”
스크린샷은 AI가 정확한 위치를 이해하고 더 정밀한 변경을 하도록 돕습니다.
복잡한 변경은 몇 번의 후속 명령어가 필요할 수 있습니다.
스크립트가 생성되면 페이지를 새로고침하여 전체 효과를 확인하세요.
맞춤 설정 관리하기
맞춤 설정을 체계적으로 관리하려면 다음을 활용하세요:
- 각 맞춤 설정마다 새 채팅 시작하기 다른 웹사이트나 동일 웹사이트의 다른 버전용 스크립트를 만들 때는 새 채팅을 사용하세요.
- 내 스크립트에서 저장된 스크립트 보기 내 스크립트 패널을 열어 저장한 모든 맞춤 설정을 확인하세요.
- 언제든 스크립트 켜고 끄기 스크립트를 켜면 해당 맞춤 설정이 같은 웹사이트 방문 시 자동으로 적용됩니다. 언제든 내 스크립트에서 끌 수 있습니다.
지시 사항은 구체적으로 작성하세요
요청이 명확할수록 결과가 좋아집니다.
예를 들어, “이걸 더 좋게 만들어 줘” 대신
“오른쪽 사이드바를 숨기고 기사 내용을 전체 너비로 만들어 줘”라고 하세요.
또는, “디자인을 바꿔 줘” 대신
“페이지를 더 깔끔하게 만들고, 글자 크기를 키우며 카드 간 간격을 줄여 줘”라고 하세요.
자주 묻는 질문
페이지를 새로고침해도 변경 사항이 유지되나요?
네. 스크립트가 켜져 있는 한, 저장한 맞춤 설정은 같은 웹사이트를 다시 방문할 때 계속 적용됩니다.
맞춤 설정을 끌 수 있나요?
네. 내 스크립트 패널에서 스크립트를 켜거나 끌 수 있습니다.
결과가 완벽하지 않으면 어떻게 하나요?
후속 명령어를 보내고 수정할 부분을 설명하세요.
수정할 구체적 영역이 있다면 스크린샷을 첨부해 알려줄 수도 있습니다.
Sider Code를 모든 웹사이트에서 사용할 수 있나요?
Sider Code는 많은 웹사이트에서 작동하도록 설계되었습니다.
일부 웹사이트는 특별한 제한이나 복잡한 레이아웃이 있어 추가 후속 명령어가 필요할 수 있습니다.
Sider Code는 어떻게 크레딧이 차감되나요?
작업 난이도에 따라 크레딧이 동적으로 차감됩니다.
이미 스크립트가 생성된 경우, 같은 웹사이트를 다시 방문해도 해당 스크립트에 대해 중복 차감되지 않습니다.
하지만 AI 기능을 추가하면 AI 기능 실행 시마다 크레딧이 차감될 수 있습니다.
예를 들어, 각 ChatGPT 답변 아래 “반박” 버튼을 추가하면, 버튼 클릭 시 반박 생성에 크레딧이 차감될 수 있습니다.
누가 Sider Code를 사용할 수 있나요?
Sider Code는 새로운 유료 플랜인 Lite, Plus, Max에서 사용할 수 있습니다.
기존 Basic, Professional, Unlimited, Ultra 등 구형 유료 플랜 이용자와 무료 이용자는 Sider Code 사용 전 새 유료 플랜 중 한 가지로 업그레이드해야 합니다.
Sider Code를 전체 화면 모드에서 사용할 수 있나요?
아니요. Sider Code는 현재 Sider 사이드바에서만 작동합니다.
Sider Code는 현재 브라우저 탭에서 작동해야 하므로 전체 화면 모드에서는 사용할 수 없습니다.
제품
Wisebase