Essepage로 웹사이트 시작하기

Essepage로 웹사이트를 만들기 위해 프로젝트를 시작하는 건 정말 간단합니다.
템플릿 하나 고르고, 이름 정하고, 버튼 누르면 끝이거든요.

‘템플릿’은 일종의 ‘시작 세트’ 같은 건데, 미리 만들어진 프로젝트를 그대로 가져와서 바로 쓸 수 있게 해줍니다.

• 처음부터 시작할 때는 공식 템플릿으로 바로 시작하고
• 내가 전에 만든 프로젝트를 복제해서 시작할 수도 있고
• 다른 사람이 공개한 프로젝트도 가져와 시작할 수도 있어요

일단 해보겠습니다.

1. 템플릿 고르기

새 프로젝트 버튼 누르고, 기본 템플릿인 스타터를 선택합니다.

스타터 템플릿은 간단한 HTML 코드가 조금 들어있는, 거의 빈 도화지 같은 템플릿이에요. 깨끗하게 시작하고 싶을 때 고르면 됩니다.

2. 이름 지어주기

템플릿을 고르면, 이제 프로젝트에 이름을 붙여줄 차례입니다. 제목과 코드를 입력하는 화면이 나오죠.

💡 프로젝트 코드는 웹사이트 주소가 되는 부분이라 중요해요. espg.dev/ 뒤에 붙는 나만의 ID 같은 거죠. 한번 만들면 못 바꾸니 신중하게 정해주세요.

제목은 자유롭게 정하고, 코드는 my-first-webpage 라고 해볼게요.
이렇게 하면 내 사이트 주소는 https://espg.dev/my-first-webpage 가 되는 거죠.
뭔가 벌써 내 사이트가 생긴 것 같습니다. 😄
(my-first-webpage는 제가 이미 사용했기 때문에, 다른 코드를 입력해 주세요.)

💡 아, 나는 저런 주소 말고 내 개인 주소로 표시하고 싶어. 하시는 분은 나중에 개인 도메인을 사서 연결할 수 있습니다.

3. 만들기 (끝)

자, 이제 프로젝트 만들기 버튼을 누르면…

프로젝트가 만들어졌습니다!

프로젝트가 만들어지는 동시에, 인터넷에 내 웹사이트가 생겨났습니다.

화면을 보면,

• 1번 아이콘: 이게 방금 태어난 내 웹사이트 주소입니다. 지금 바로 클릭해서 전 세계 어디서든 접속해보세요. 신기하죠?
• 2번 아이콘: 이제 이 웹사이트를 내 맘대로 주무를 편집기(에디터)를 여는 버튼입니다. 모든 작업은 여기서 하게 됩니다.

벌써 웹사이트가 만들어졌어요

복잡한 설정도, 머리 아픈 배포 과정도 없었습니다.
그냥 프로젝트를 만들자마자 웹사이트가 짠~ 하고 나타났죠.
화면에 표시된 주소를 클릭하면 바로 접속됩니다.

👉 https://espg.dev/my-first-webpage

우리가 원했던 게 바로 이거 아닌가요?

이제 마음대로 뭔가 좀 작업을 해 봐야겠네요.
다음글 에서는 코드를 수정해서 이 웹사이트의 뼈대를 만들어보겠습니다.

Essepage 에스페이지
https://essepage.com 📺