Kudos
Collect
Twiiter
Facebook
Share
코딩은 역시 손맛이라는 생각으로 온국민 1인 1웹페이지 만들기 프로젝트를 시작합니다.

요즘 웹페이지 만들기, 너무 복잡하지 않나요?

주말마다 끄적이는 개인 프로젝트가 하나 있습니다.
웹페이지를 만드는 새로운 방식, 직접 코딩해서 웹페이지를 만드는 툴입니다.

jLFNhVdflg.png

“아니, 요즘 세상에 누가 코딩을 직접 해요? 노코드 툴도 많고, AI가 다 만들어주는데.”

네, 맞는 말입니다. 세상이 많이 바뀌어서 이젠 직접 코딩하는 게 오히려 ‘새로운 방식‘이 되어버렸죠.
그런데 저는 오래전부터 코드를 짜 와서 그런지, 여전히 직접 코딩하는 걸 좋아합니다.
물론 AI의 도움을 받을 때도 많지만요. 😄

키보드를 두들기면서 내가 원하는 대로 만들어가는 그 ‘손맛‘.
저처럼 이 코딩의 손맛을 좋아하는 분들도 분명히 있는 것 같아요.
AI가 짜준 코드는 훌륭한 참고는 되지만, 그게 온전히 ‘내 것’이라는 느낌은 잘 안 들거든요.

웹페이지를 처음 배우는 분들은 직접 코딩도 해봐야 하지만, 그 외의 것들에서 막히곤 합니다.
책이나 강의에선 분명 HTML, CSS, JavaScript만 알면 된다고 했는데, 막상 시작하려면 뭐부터 해야 할지 막막하죠.

코딩을 하기도 전에 ‘개발 환경 세팅’부터가 큰일입니다.
Node.js를 깔고, npm으로 뭘 자꾸 설치하고, 로컬 서버는 또 어떻게 띄우고…
겨우겨우 코드를 입력하고 테스트를 하면, 이젠 빌드하고 배포하는 과정까지. HTML을 배우기 전에 먼저 CLI 전문가가 됩니다. 😢
정말 배보다 배꼽이 더 큰 느낌이랄까요.

옛날엔 참 간단했는데 말이죠.
메모장에 HTML 코드 짜서 파일로 저장하고, 그 파일을 브라우저에 끌어다 놓으면 바로 보였잖아요.
다 만들고 FTP로 서버에 쓱 올리면 배포도 끝이었고요. 직관적이라 이해하기도 쉬웠습니다.
(물론 이런 방법으로 큰 프로젝트를 하라는 건 아니랍니다.)

그러다가 문득, ‘그럼 직관적이면서도 모던한 개발 툴을 내가 한번 만들어볼까?’ 하는 생각이 들었습니다.

  • 개발 환경 세팅 같은 건 안 해도 되고 (물론 필요하면 최소한으로),
  • 배포나 서버 걱정은 안 해도 되고,
  • 오로지 코딩하는 재미에만 집중할 수 있게 해주는,
  • 그러면서도 요즘 시대에 맞는 웹페이지를 만들 수 있는.

그런 툴이 있으면 저부터가 너무 잘 쓸 것 같았거든요.

그리고 모든 과정을 브라우저에서 해결하고 싶었습니다. 브라우저에서 해결하고 싶었습니다.
인터넷이 된다는 건 브라우저는 다 깔려 있다는 거잖아요?
그럼 노트북은 물론 아이패드든, 크롬북이든, 태블릿이든, 삼성 DeX든 상관없이 웹페이지를 만들 수 있다는 뜻이니까요.
카페에 앉아서 아이패드로 우아하게 웹페이지를 업데이트하는 게, 저의 오랜 로망이었습니다. 😊

이런 생각을 하고 짬짬이 만들기 시작한 게… 벌써 5년이나 됐네요.
그동안 바쁘다는 핑계로 조금씩밖에 못 했는데, 이제 저 혼자 쓰기엔 꽤 괜찮은 수준까지는 온 것 같습니다.

그래서 이제부터라도 개발 일지를 써보려고요.
앞으로 개발하면서 겪었던 이야기나 Essepage로 뭘 할 수 있는지 등등, 종종 이곳에 기록해 보겠습니다.

혹시 저랑 비슷한 생각을 하셨던 분, 또는 지금 웹 개발 책을 옆에 두고 배우면서 어려움을 느끼는 분이 계시면 한번 구경해보세요.

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

잠깐만요 🤚

Essepage는 노코드 툴이 아닙니다. 바이브 코딩 툴도 아니고요.
오히려 “웹페이지 코딩의 즐거움을 마음껏 누리세요!” 라는 철학으로 만들어진 툴입니다.
설정이나 배포 같은 귀찮은 부분은 Essepage가 도와드리니, 여러분은 코딩에만 집중하면 되는 거죠.
코딩을 즐기면서도 쓸만한 웹페이지를 만들 수 있는 툴, 그게 바로 Essepage입니다.

아직은 부족한 게 많을 거예요.
혹시 써보시고 ‘이건 좀 아닌데?’ 싶은 거라도 괜찮으니, 편하게 의견 주시면 정말 큰 도움이 될 것 같아요.

코딩은 역시 손맛이라는 생각으로 온국민 웹페이지 만들기 프로젝트를 시작합니다.

Essepage - A code-first website builder.
A code-first website builder.
Build your site from idea to launch, entirely in your browser.

Essepage

 

Responses

Leave a response to @divmaster

Please sign in to comment.
Markdown is also available in comment.