> ## Documentation Index > Fetch the complete documentation index at: https://docs.noimosai.com/llms.txt > Use this file to discover all available pages before exploring further. # 기존 웹사이트를 기반으로 제작하기 > 이미 운영 중인 웹사이트를 가져오거나 참고하여 NoimosAI로 새로운 웹사이트를 제작·개선할 때의 접근법과 안전한 진행 방법을 설명합니다. ## 개요 이미 공개 중인 웹사이트나 GitHub에서 관리 중인 웹사이트를 기반으로 NoimosAI에서 새로운 웹사이트를 제작·개선할 수 있습니다. 기존 사이트를 활용하면 지금까지의 내용과 디자인을 참고하면서 채팅으로 수정 내용을 상담하고, 미리보기 확인, 코드 편집, SEO·GEO 설정, 애널리틱스, 도메인, 공개 및 업데이트까지 한 곳에서 쉽게 다룰 수 있습니다. ## 기존 사이트를 기반으로 만드는 주요 방법 기존 사이트의 상태에 따라 NoimosAI로 가져오는 방식을 선택합니다. | 기존 사이트 상태 | 추천 진행 방법 | 적합한 상황 | | ------------------ | ------------------------------------------------------ | ------------------------------------ | | GitHub 리포지토리로 관리 중 | 복제 리포지토리 또는 작업 브랜치를 NoimosAI에 가져오기 | 코드를 유지한 채 NoimosAI에서 편집·확인하고 싶을 때 | | 공개 URL만 있는 경우 | URL, 기존 페이지 내용, 이미지, 회사 자료를 참고 정보로 제공하여 NoimosAI에서 재구성 | 기존 사이트를 리뉴얼하거나 구성 및 어필을 새로 만들고 싶을 때 | | Figma 디자인이 있는 경우 | Figma를 연결하여 디자인을 참고하며 웹사이트 조정 | 디자인을 기반으로 구현이나 문구를 정리하고 싶을 때 | | 콘텐츠나 자료만 있는 경우 | 회사 자료, 상품 자료, 과거 기사, 이미지를 첨부하여 새 사이트로 제작 | 기존 사이트를 그대로 옮기기보다 목적에 맞게 새로 만들고 싶을 때 | 기존 사이트를 그대로 옮겨야 하는 경우 먼저 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 * 사용하고 싶은 이미지, 로고, 브랜드 컬러 * 기존 사이트에서 문제되는 점 예를 들어 다음과 같이 요청할 수 있습니다. ```text theme={null} 기존 사이트를 참고하여 문의 획득을 목적으로 한 새로운 서비스 사이트를 만들어 주세요. 참고 URL: https://example.com 남기고 싶은 내용: - 서비스 개요 - 도입 사례 - 가격 - FAQ 개선하고 싶은 점: - 첫 화면에서 어떤 서비스인지 알기 어려움 - CTA가 적음 - 스마트폰에서 길게 느껴짐 CTA는 "무료 상담 예약"으로 통일해 주세요. ``` 이 방법은 기존 사이트 내용을 기반으로 구성과 문구를 재정리할 수 있습니다. 공개 전에 원 사이트에서 이어받아야 하는 URL, 폼, 측정 태그, SEO 설정, 외부 서비스 연동을 확인하세요. ## 가져온 후 처음 확인할 사항 기존 사이트를 NoimosAI에서 다룰 수 있는 상태로 만들면 먼저 다음 항목을 확인합니다. | 확인 항목 | 확인 내용 | | ------ | ---------------------------------------------------- | | 표시 | PC와 스마트폰에서 큰 깨짐이 없는지 | | 링크 | 내비게이션, CTA, 외부 링크가 올바른지 | | 폼 | 문의, 자료 요청, 예약 등이 의도대로 작동하는지 | | 도메인 | 운영 환경에서 사용할 도메인과 검증용 URL을 혼동하지 않는지 | | SEO | 제목, 설명, 사이트맵, 구조화 데이터가 필요에 따라 설정되었는지 | | GEO | AI 검색용 FAQ, 설명, llms.txt 등을 정리할 필요가 있는지 | | 애널리틱스 | Google Analytics, Google Search Console 등의 측정을 이어받을지 | | GitHub | NoimosAI 쪽과 GitHub 쪽 변경이 충돌하지 않는지 | 기존 사이트를 이전할 때는 외관뿐 아니라 폼 전송, 구매 동선, 회원 등록, 측정 태그, 리다이렉트 등도 확인하세요. ## 가져온 후 편집 시작하기 가져온 후에는 기존 사이트의 과제에 맞춰 문장, 구성, 디자인, CTA, 기능을 조정할 수 있습니다. 채팅으로 수정 요청, 코드 직접 편집, 편집 후 확인 방법은 [웹사이트 편집하기](/ko/help-center/website/edit-website)를 참고하세요. ## 관련 페이지 * [웹사이트 기본](/ko/help-center/website/website-basics) * [새로운 웹사이트 만들기](/ko/help-center/website/create-and-edit-website) * [웹사이트 편집하기](/ko/help-center/website/edit-website) * [웹사이트 공개·업데이트하기](/ko/help-center/website/publish-and-update-website) * [웹사이트 설정 관리하기](/ko/help-center/website/manage-website-settings)