메인 콘텐츠로 건너뛰기

개요

이미 공개 중인 웹사이트나 GitHub에서 관리 중인 웹사이트를 기반으로 NoimosAI에서 새로운 웹사이트를 제작·개선할 수 있습니다. 기존 사이트를 활용하면 지금까지의 내용과 디자인을 참고하면서 채팅으로 수정 내용을 상담하고, 미리보기 확인, 코드 편집, SEO·GEO 설정, 애널리틱스, 도메인, 공개 및 업데이트까지 한 곳에서 쉽게 다룰 수 있습니다.

기존 사이트를 기반으로 만드는 주요 방법

기존 사이트의 상태에 따라 NoimosAI로 가져오는 방식을 선택합니다. 기존 사이트를 그대로 옮겨야 하는 경우 먼저 GitHub 연동을 사용할 수 있는 상태로 만드는 것이 안전합니다. 공개 URL만으로 재작성하는 경우 원 사이트와 완전히 같은 구조나 동작이 아닐 수 있으므로 공개 전에 표시, 링크, 폼, 측정 설정을 확인하세요.

운영 환경에 반영하지 않기 위한 주의점

기존 사이트를 기반으로 NoimosAI에서 제작·개선을 시작할 때는 처음에 운영 환경과 작업 환경을 분리하세요. 운영 환경에 절대 반영하고 싶지 않은 경우 다음 상태에서 작업을 시작합니다.
  • 운영 환경에서 사용하는 리포지토리를 직접 가져오지 않고 복제 리포지토리 또는 작업 브랜치를 사용
  • NoimosAI에서 독자 도메인을 연결하지 않음
  • 공개 또는 업데이트 실행하지 않음
  • 운영 배포에 연결된 GitHub 브랜치에 직접 푸시하지 않음
  • 외부 자동 배포 서비스가 작동하는 브랜치를 사용하는 경우 사전에 배포 설정을 확인
NoimosAI에서 가져오기만 하거나 미리보기로 확인하는 것만으로 기존 운영 사이트가 자동으로 교체되지는 않습니다. 단, 같은 GitHub 리포지토리나 운영 배포용 브랜치에 변경을 푸시한 경우 외부 배포 설정에 따라 운영 환경에 반영될 수 있습니다. 안전하게 검증하려면 반드시 복제 리포지토리 또는 운영 환경과 분리된 브랜치를 사용하세요.

GitHub에서 관리하는 사이트를 가져오기

GitHub에서 관리하는 기존 사이트는 리포지토리를 NoimosAI에 가져와 NoimosAI에서 편집·미리보기할 수 있는 상태로 만듭니다. GitHub에서 관리하는 기존 사이트를 NoimosAI에 가져오는 화면 안전하게 진행하려면 다음 흐름을 추천합니다.
  1. 기존 사이트의 GitHub 리포지토리를 복제하거나 작업용 브랜치를 생성
  2. 운영 배포에 사용되지 않는 리포지토리 또는 브랜치인지 확인
  3. NoimosAI에서 대상 웹사이트 열기
  4. 관리에서 GitHub 열기
  5. GitHub 연동 설정 후 가져올 리포지토리 또는 브랜치 선택
  6. 가져온 사이트를 미리보기로 확인
  7. 채팅 또는 코드 편집으로 수정
  8. 표시, 링크, 폼, 측정, SEO·GEO 설정 확인
  9. 운영 환경에 반영할 시점에 공개 또는 업데이트 방법 결정
GitHub 연동 후에는 NoimosAI에서 편집한 내용을 GitHub에 반영하거나 GitHub 쪽 변경을 NoimosAI에 가져올 수 있습니다. 개발자가 외부 에디터에서 수정한 내용을 가져오려면 NoimosAI에서 변경하기 전에 GitHub 쪽 최신 상태를 확인하세요.

공개 URL을 기반으로 재작성하기

GitHub 리포지토리가 없거나 기존 사이트를 그대로 옮기기보다 리뉴얼하고 싶을 때는 공개 URL이나 기존 자료를 참고하여 NoimosAI에서 새 웹사이트로 제작합니다. 채팅에서는 다음 정보를 함께 전달하면 제작하기 쉽습니다.
  • 기존 사이트 URL
  • 남기고 싶은 페이지나 섹션
  • 변경하고 싶은 어필, CTA, 디자인 방향
  • 회사 자료, 상품 자료, 가격표, FAQ
  • 사용하고 싶은 이미지, 로고, 브랜드 컬러
  • 기존 사이트에서 문제되는 점
예를 들어 다음과 같이 요청할 수 있습니다.
이 방법은 기존 사이트 내용을 기반으로 구성과 문구를 재정리할 수 있습니다. 공개 전에 원 사이트에서 이어받아야 하는 URL, 폼, 측정 태그, SEO 설정, 외부 서비스 연동을 확인하세요.

가져온 후 처음 확인할 사항

기존 사이트를 NoimosAI에서 다룰 수 있는 상태로 만들면 먼저 다음 항목을 확인합니다. 기존 사이트를 이전할 때는 외관뿐 아니라 폼 전송, 구매 동선, 회원 등록, 측정 태그, 리다이렉트 등도 확인하세요.

가져온 후 편집 시작하기

가져온 후에는 기존 사이트의 과제에 맞춰 문장, 구성, 디자인, CTA, 기능을 조정할 수 있습니다. 채팅으로 수정 요청, 코드 직접 편집, 편집 후 확인 방법은 웹사이트 편집하기를 참고하세요.

관련 페이지