💡 Essepage란? Essepage는 브라우저만으로 간단하게 웹페이지를 만들고 배포할 수 있는 도구입니다. HTML, CSS, JavaScript를 실시간으로 미리보기하며 작업할 수 있고, 서버 설정 없이도 손쉽게 페이지를 배포할 수 있습니다. 🛠 기본 사용 방법 Essepage 접속 새 프로젝트 생성 에디터에서 HTML, CSS, JavaScript 편집 실시간 프리뷰로 확인 배포 버튼을 눌러 웹에 공개! ✨ 주요 기능 SSR & CSR 지원: 정적 페이지와 동적 페이지 모두 제작 가능 다국어 지원: 여러 언어 설정이 쉬움...

웹사이트나 블로그를 운영하다 보면 OG 이미지라는 용어를 자주 접하게 됩니다. OG(Open Graph) 이미지는 페이지를 SNS에 공유할 때 썸네일로 표시되는 대표 이미지입니다. 단순한 그림 한 장 같지만, 콘텐츠를 클릭하게 만드는 중요한 역할을 하죠. 그렇다면 이 이미지는 어떤 크기로 준비하는 게 좋을까요? 많은 사람들이 아무 이미지나 올려두곤 하는데, 크기와 비율이 적절하지 않으면 SNS에서 잘려 보이거나 흐릿하게 표시되는 경우가 많습니다. 특히, 이미지의 중요한 부분이 잘려버리면 전달하고 싶은 메시지가 제대로 전달되지 않아요...

💡 Essepage란? Essepage는 브라우저만으로 간단하게 웹페이지를 만들고 배포할 수 있는 도구입니다. HTML, CSS, JavaScript를 실시간으로 미리보기하며 작업할 수 있고, 서버 설정 없이도 손쉽게 페이지를 배포할 수 있습니다. 🛠 기본 사용 방법 Essepage 접속 새 프로젝트 생성 에디터에서 HTML, CSS, JavaScript 편집 실시간 프리뷰로 확인 배포 버튼을 눌러 웹에 공개! ✨ 주요 기능 SSR & CSR 지원: 정적 페이지와 동적 페이지 모두 제작 가능 다국어 지원: 여러 언어 설정이 쉬움...

H1 H2 H3 H4 H5 H6 문단 예시 Essepage에 오신 걸 환영합니다! 😄 이준호는 재능 있는 스트리트 아티스트로, 칙칙한 도시의 벽을 생동감 있는 캔버스로 바꾸는 인물이에요. 스프레이 캔과 상상력만으로 거리 곳곳에 이야기를 담은 벽화를 그려냅니다. 그의 작품은 단순한 장식이 아니라, 보는 이의 마음을 움직이는 메시지예요. 김하영은 소프트웨어 개발자로, 밤늦게까지 모니터 불빛 아래에서 새로운 아이디어를 구현하는 데 몰두하곤 합니다. 개발은 단순한 일이 아니라, 그녀에게는 삶의 열정이죠. 인용문 (Blockquote) “...

어서 오세요! 🌍✨ 이 블로그는 Essepage 라는, 브라우저만 있으면 누구나 쉽게 웹사이트를 만들 수 있는 플랫폼으로 만들었습니다. 디자인은 깔끔하고 보기 편한 Hugoplate 스타일을 참고했습니다. 📝✨ 편하게 둘러보세요! Illustration by MOMO Studio on Unsplash

웹사이트를 완성하기 까지 몇가지 단계를 거치게 됩니다. 계획을 잘 세운 다음 페이지 제작을 하면 보다 효과적으로 웹사이트를 만들 수 있습니다. 웹사이트 구성을 생각하기 어떤 내용으로 무엇을 전달하는 페이지를 만들 지, 그 페이지들을 어떻게 연결할지 등의 웹사이트 전체의 구성을 먼저 생각해야 합니다. 비슷한 내용의 페이지는 하나의 카테고리로 분류하여 그룹으로 묶으면 보다 이해하기 쉬운 페이지로 구성할 수 있습니다. 카테고리를 클릭할 수 있는 링크를 만들어 각 페이지에 배치하면 내비게이션 메뉴를 만들 수 있습니다. 웹사이트를 방문하는 ...

여기에서는 웹페이지 및 웹사이트가 무엇인지 이해하고, Essepage를 이용하여 웹사이트를 공개하는 방법을 알아보겠습니다. 웹페이지란 웹페이지는 인터넷상에 공개된 문서입니다. 기술적으로는 Google Chrome 이나 Safari 및 Firefox 와 같은 브라우저(Browser)로 읽어들이는 데이터를 웹페이지라고 합니다. 웹페이지의 데이터는 HTML코드와 그와 관련된 CSS 및 JavaScript코드, 이미지, 사운드 및 동영상파일 등으로 이루어집니다. HTML코드에는 페이지에 표시될 텍스트 및 이미지 등 관련 파일들에 대한 정...

웹페이지를 만들기 위해서 HTML과 CSS를 배우기 전에, 먼저 웹사이트란 무엇인가에 대하여 알아보겠습니다. 보통, 사람들은 ‘홈페이지’라는 말을 자주 쓰지만, 사실 홈페이지는 웹사이트의 첫 번째 페이지를 의미합니다. 우리는 웹사이트를 만드는 입장에서 웹사이트가 무엇인지 알아보겠습니다. 또한 이 과정에서 Essepage의 사용법도 함께 배워나가겠습니다. Essepage를 사용하는 정해진 방법이 있는 것은 아닙니다. 자유롭게 사용하면서 자연스럽게 익혀 나가면 됩니다. 하지만 처음 웹페이지를 만들어보는 분이라면, 이 안내를 그대로 따라...

macOS Sequoia로 업데이트한 후, "스크린샷" 앱에서 미리보기(썸네일) 옵션을 꺼도 다시 활성화되는 현상 때문에 불편하신가요? 😩 매번 설정을 다시 해야 해서 짜증이 난다면, 아래 터미널 명령어로 영구적으로 비활성화할 수 있습니다. 🔧 터미널 명령어로 스크린샷 썸네일 끄기 터미널을 열고 아래 명령어를 입력하세요. # 스크린샷 미리보기(썸네일) 기능을 비활성화 $ defaults write com.apple.screencapture show-thumbnail -bool FALSE # 변경 사항을 즉시 적용하...

Essepage를 사용하면 아티클 페이지의 파일명을 자유롭게 설정할 수 있어요. 특히, 한글뿐만 아니라 일본어, 중국어 등 다양한 언어의 파일명도 문제없이 사용할 수 있어서 더 직관적인 URL을 만들 수 있답니다. 하지만, 특수문자는 사용할 수 없으니 파일명을 정할 때 주의해주세요. 📌 한글 파일명을 사용할 때의 장점 👀 가독성 향상 : URL만 봐도 어떤 내용의 페이지인지 쉽게 알 수 있어요. 🔍 SEO(검색 엔진 최적화) 개선: 검색 엔진이 페이지의 내용을 더 잘 이해할 수 있습니다. 🎯 사용자 친화적: 영어보다 한글이 ...