브라우저 네이티브 구조

웹 개발을 시작하려면 보통 무엇부터 해야 할까요?

아마도 VSCode 같은 에디터를 다운로드하고, 터미널을 열어 Node.js를 설치하고, 수많은 패키지를 내려받는 '환경 설정'부터 시작할 것입니다.

저처럼 옛날 방식에 익숙한 올드한 개발자라면, 서버를 세팅하고 Python이나 PHP, CGI 설정을 만지작거리며 SFTP를 세팅하고 있겠죠.

어느 쪽이든, 첫 페이지를 화면에 띄우기까지 정말 많은 준비 작업을 거쳐야 합니다.
(물론 index.html 파일을 메모장으로 만들어서 브라우저에 드래그 앤 드롭하면 되지 않냐고 할 수 있는데, 그건 나만 볼 수 있는 로컬 페이지이므로 논외로 하겠습니다. 😅)

하지만 Essepage를 시작할 때 필요한 것은 오직 하나, '웹 브라우저'뿐입니다.

서버를 준비할 필요도, 개발 환경을 세팅하는 지루한 과정도, 에디터를 다운로드할 필요도 없습니다.

어떻게 이 모든 과정을 건너뛸 수 있을까요? 그 비밀에 대해 이야기해 보려 합니다.

왜 브라우저인가요?

질문은 아주 단순했습니다.

"브라우저는 웹페이지를 보기만 해야 하나? 브라우저로 직접 웹페이지를 만들 수 있으면 좋겠는데?"

브라우저만으로 웹을 만들 수 있다면 아주 멋진 일들이 가능해집니다.
요즘 기기들에는 모두 브라우저가 탑재되어 있으니까요.

모든 기기가 개발 도구가 됩니다: 인터넷이 연결된 일반적인 PC나 노트북은 물론이고, 느리다고 방치되었던 구형 노트북, iPad, 학교에서 지급받은 가벼운 Chromebook, 데스크탑 모드를 지원하는 스마트폰까지 모두 훌륭한 개발 장비가 됩니다. 간단한 수정이라면 스마트폰만으로도 충분하죠. 라즈베리 파이와 같은 싱글 보드 컴퓨터도 빼놓을 수 없습니다.
바로 코딩 시작: 코드를 입력하고 결과를 확인하고 싶을 뿐인데 '개발 환경' 설정에 시간이 너무 많이 걸린다고 생각하시나요? 이제 복잡한 세팅을 신경 쓸 필요가 없습니다. 브라우저 주소창에 URL을 입력하는 순간, 곧바로 코딩을 시작할 수 있습니다.

웹페이지 개발이 기기의 성능이나 장소에 구애받지 않고, '아이디어'만 있다면 누구나 쉽게 만들고 세상에 공개할 수 있어야 한다는 것이 Essepage의 철학입니다.

세상 사람 누구나 웹 콘텐츠를 '소비'하기 위해 브라우저를 사용합니다. 이처럼 가장 보편적이고 접근하기 쉬운 도구를, 직접 웹페이지를 '생산'하는 환경으로 만들고자 한 것은 어쩌면 너무도 자연스러운 결정이었습니다.

Essepage는 단순히 코드를 입력하는 웹사이트가 아닙니다. 브라우저 자체가 하나의 완벽한 통합 개발 환경(IDE) 경험을 제공하도록 설계되었습니다.

최고의 코딩 경험: VSCode 에디터의 핵심 엔진인 'Monaco Editor'를 브라우저에 그대로 이식했습니다. 덕분에 로컬 에디터에서 느끼던 문법 강조, 자동 완성 등의 강력한 코딩 경험을 웹에서도 동일하게 누릴 수 있습니다.
실시간 미리보기의 마법: 코드를 편집하고 저장하는 즉시, 미리보기 창에서 결과를 확인할 수 있습니다. 로컬 서버를 띄우고 브라우저를 새로고침할 필요가 없죠. Essepage는 한발 더 나아가 '실시간 미리보기'를 지원합니다. 키보드를 타이핑하는 순간 곧바로 화면에 반영됩니다. 예를 들어 Tailwind CSS의 클래스를 입력함과 동시에 디자인이 바뀌는 걸 볼 수 있어, 작업 속도가 폭발적으로 증가합니다.
바로 배포: 복잡한 터미널 명령어 없이, 에디터에서 '적용(Apply)'을 클릭하는 것만으로 모든 배포 과정이 브라우저에서 끝납니다.

에스페이지에서 서버는 데이터를 저장하고, 웹페이지의 소스 코드를 구성합니다.

모든 '편집'과 '미리보기'는 여러분의 브라우저가 담당합니다. 서버는 브라우저에서 작성된 코드를 실제로 '저장'하고, 필요한 코드를 합쳐 빠르고 안정적으로 '배포'하는 본연의 기능에 충실합니다.

이러한 설계 덕분에 시스템이 매우 가볍고 빠르게 동작하며, 전 세계 어디서나 빠른 배포가 가능해졌습니다.

Essepage는 단순한 '실험용' 페이지를 넘어, 실제 사용을 목적으로 하는 사이트도 거뜬히 감당할 수 있을 만큼 견고합니다.

그 비결 중 하나가 바로 CDN(콘텐츠 전송 네트워크) 캐시입니다.

솔직히 개발자들은 서버를 세팅하고, 코딩하고, 배포까지 마치면 페이지가 잘 보이므로 할 일을 모두 마쳤다고 생각하기 쉽습니다. 하지만 배포 후에도 페이지를 전 세계 어디서나 빠르게 표시하려면 캐시 설정 같은 까다로운 최적화 작업이 남아있죠.

Essepage에서는 배포를 하면, 특별히 신경 쓰지 않아도 캐시를 자동으로 관리합니다.

공개된 페이지는 글로벌 CDN 캐시를 통해 전 세계로 배포되어, 한 번 캐싱된 페이지는 전 세계 어디에서 접속하든 눈 깜짝할 새에 로딩됩니다!

브라우저에서 웹페이지를 만들고자 하는 생각은 단순한 기술적 선택이 아닙니다. 저는 이것을 웹에 대한 인식의 전환이라 생각합니다.

거창한 개발 장비나 환경 설정 없이, 커피숍에 앉아 가벼운 태블릿을 열고 브라우저를 켜는 것만으로도 나만의 웹 서비스를 만들어 세상에 내놓을 수 있습니다.

멋지지 않나요?

Essepage는 웹페이지를 모두가 쉽게 만들고 활용하는 시대를 만들어갑니다.

iPad에 대한 오랜 로망:
처음 iPad가 세상에 나왔을 때, 저는 이렇게 생각했습니다. "이렇게 넓은 화면의 모바일 기기로 웹페이지를 직접 만들 수 있다면, 인터넷이 수많은 아이디어로 넘쳐나겠구나!"
아마도 그때부터 Essepage에 대한 구상이 제 머릿속에서 시작되었던 것 같습니다.
이제는 iPad의 브라우저로 Essepage에 접속해서 웹페이지를 만들고, 이동 중 고객의 급한 수정 요청에도 카페에 앉아 바로 대응한답니다.
하늘 위에서의 배포 with Starlink:
얼마 전, Starlink 기내 Wi-Fi가 제공되는 비행기를 탔습니다. 태블릿으로 영화를 보다가 문득 아이디어가 떠올라 바로 웹페이지를 수정하고 배포했죠. 비행기 위에서 브라우저만으로 웹페이지를 업데이트한 그 경험은, Essepage의 철학이 앞으로 인터넷 환경에 어떤 멋진 영향을 미칠지 기대하게 만드는 짜릿한 순간이었습니다.