본문으로 건너뛰기
플랫폼

웹 프로젝트

테스트 서버에서 실시간으로 미리 볼 수 있는 정적 웹사이트(HTML/CSS/JS)예요. 요청에 넣을 내용과 결과물을 호스팅하는 방법을 알아봐요.

업데이트됨

이 페이지에서
  1. 파일 구성 방식
  2. 테스트 서버에서 미리보기
  3. 요청에 넣을 내용
  4. 검증
  5. 호스팅

Codexe는 HTML, CSS, JavaScript로 정적 웹사이트를 생성해요. 어떤 정적 호스팅에든 올릴 수 있는 완전한 사이트예요. 컴파일할 것은 없어요.

#파일 구성 방식

Codexe는 개발자가 하듯 웹사이트를 작성해요. 마크업만 담은 index.html(추가 페이지마다 HTML 파일 하나씩), 모든 스타일을 담은 css/style.css, 모든 스크립트를 담은 js/main.js로 나누고, 상대 경로로 연결해서 어디에 올려도 폴더가 그대로 동작해요.

#테스트 서버에서 미리보기

프로젝트 페이지에서 미리보기를 열면 사이트가 Codexe 테스트 서버에서 실행되며, 실제 호스팅처럼 파일 단위로 제공돼요.

  • 모든 페이지, 스타일시트, 스크립트, 이미지가 각자의 파일에서 로드되고, 페이지 사이의 링크도 동작해요.
  • AI가 변경할 때마다, 그리고 파일을 직접 수정한 뒤 몇 초가 지나면 미리보기가 저절로 새로고침돼요.
  • 미리보기 옆의 버튼을 누르면 같은 사이트를 새 탭에서 열어요.

사이트는 Codexe 계정과 격리된 상태로 실행돼요. 사이트의 스크립트는 여러분의 세션이나 다른 프로젝트를 볼 수 없어요.

#요청에 넣을 내용

  • 목적과 대상 ("Minecraft 서버 랜딩 페이지", "3D 아티스트 포트폴리오").
  • 섹션이나 페이지와 각각에 들어갈 내용.
  • 스타일: 색상, 글꼴, 다크 또는 라이트, 참고 사례("SaaS 랜딩 페이지처럼 미니멀하게").
  • 가지고 있다면 실제 콘텐츠(이름, 가격, 링크). 없으면 AI가 그럴듯한 임시 내용을 쓰므로 나중에 바꿔야 해요.
  • 동작: 폼, 메뉴, 애니메이션, 그리고 폼이 실제로 어딘가로 전송되어야 하는지.

#검증

웹사이트는 빌드할 것이 없어요. 준비됨은 생성이 끝났다는 뜻이에요(프로젝트 수명 주기 참고). 미리보기에서 확인하세요.

#호스팅

ZIP(다운로드)은 일반적인 정적 웹사이트예요. 정적 파일을 제공하는 곳이라면 어디든 호스팅할 수 있어요.

웹 프로젝트 | Codexe Docs