에스페이지(Essepage)는 웹브라우저에서 직접 웹사이트를 만들고 공개할 수 있는 웹 퍼블리싱 플랫폼입니다.
별도의 개발 환경을 설치하거나 서버를 설정할 필요가 없고, 브라우저에서 HTML, CSS, JavaScript를 작성하고 결과를 미리 본 뒤 인터넷에 공개할 수 있으며, 웹사이트 운영에 필요한 호스팅도 함께 제공되는 것이 특징입니다.
브라우저에서 웹사이트 만들기
일반적으로 웹사이트를 만들려면 코드 에디터와 개발 도구를 설치하고, 완성된 파일을 공개할 서버도 준비해야 합니다. 하지만 에스페이지에서는 이러한 별도의 준비가 필요 없습니다.
웹사이트를 만들고 공개하는 모든 작업은 브라우저 안에서 이루어집니다.
- 파일과 폴더 만들기
- 코드 작성하기
- 변경사항 미리보기
- 작업 내용 저장하기
- 완성된 페이지 공개하기
- 공개 사이트 수정하고 관리하기
PC와 노트북은 물론, 태블릿이나 크롬북처럼 웹브라우저를 사용할 수 있는 다양한 기기에서 프로젝트를 열고 작업할 수 있습니다.
표준 웹 기술 사용하기
에스페이지에서는 표준 HTML, CSS, JavaScript를 사용해 웹사이트를 만듭니다.
코드를 직접 작성하는 방식이기 때문에 페이지의 구조와 디자인을 자유롭게 만들 수 있습니다. 기존에 알고 있던 웹 개발 지식과 CSS 프레임워크, JavaScript 라이브러리도 활용할 수 있습니다.
HTML을 조금이라도 사용해 본 적이 있다면 바로 시작할 수 있습니다. 웹페이지를 처음 만드는 사용자도 퀵 스타트와 튜토리얼을 따라가며 하나씩 익힐 수 있습니다.
페이지를 만들고, 확인하고, 공개하기
작업 중인 내용은 미리보기에서 확인할 수 있으며, 저장만으로 공개 사이트가 변경되지는 않습니다. 준비가 끝난 페이지는 별도의 공개 또는 적용 과정을 거쳐 방문자에게 제공됩니다.
프로젝트와 미리보기, 공개 페이지가 연결되는 방식은 웹사이트 제작 방식에서 알아봅니다.
웹사이트를 구성하는 방법
에스페이지는 프로젝트 안의 파일과 폴더를 중심으로 웹사이트를 구성합니다. 페이지의 주소와 레이아웃, 컴포넌트 같은 공통 구조도 프로젝트의 파일 구조에 따라 관리됩니다.
자세한 구성 방식은 웹사이트 제작 방식에서 설명합니다.
무엇을 만들 수 있나요?
에스페이지로 다양한 형태의 웹사이트를 만들 수 있습니다.
- 개인 홈페이지와 포트폴리오
- 랜딩 페이지
- 블로그
- 소규모 비즈니스 웹사이트
- 제품 문서와 지식 베이스
- 다국어 웹사이트
- 외부 API를 활용하는 동적인 웹페이지와 웹 애플리케이션
- 프로그레시브 웹 앱(PWA)
현재 보고 있는 이 문서 사이트도 에스페이지로 제작하고 운영하고 있습니다.
누구에게 적합한가요?
에스페이지는 다음과 같은 사용자에게 적합합니다.
- HTML과 CSS를 배우며 직접 웹사이트를 만들어보고 싶은 사람
- HTML과 CSS로 간단한 웹페이지를 만들어본 사람
- 별도의 개발 환경과 서버 설정 없이 사이트를 운영하고 싶은 사람
- 기존 웹 기술을 사용하면서 더 간단한 제작 환경을 원하는 개발자
- 장소나 기기에 구애받지 않고 웹사이트를 관리하고 싶은 사람
에스페이지가 웹사이트 빌더, CMS, IDE와 어떻게 다른지 궁금하다면 에스페이지는 어떤 도구인가요?를 참고하세요.
다음 단계
처음 시작한다면 퀵 스타트에서 첫 번째 웹페이지를 만들어보세요. 프로젝트 생성부터 코드 수정, 미리보기, 공개까지 전체 과정을 짧게 경험할 수 있습니다.
- 바로 시작하기: 퀵스타트
- 완성된 웹사이트를 따라 만들기: 튜토리얼
- 웹사이트 제작 방식 이해하기: 웹사이트 제작 방식
- 기존 웹 제작 도구와의 차이 알아보기: 에스페이지는 어떤 도구인가요?