고정 헤더 영역
상세 컨텐츠
본문
"또 새로운 프레임워크야?" "빌드 설정만 하다가 하루가 다 갔네..."
2025년을 넘어 2026년을 바라보는 지금, 프론트엔드 생태계는 그 어느 때보다 거대하고 복잡해졌습니다. React, Next.js, Server Components, Hydration... 훌륭한 기술들이지만, 가끔은 이런 생각이 들지 않으신가요?
"그냥 index.html 하나 만들고 바로 코딩하면 안 되나?"
빌드 없는 자유, 그리고 '앱' 같은 경험
우리가 웹 개발을 처음 시작했을 때를 떠올려보세요. 메모장을 열고, 태그를 적고, 브라우저를 새로고침하면 끝이었습니다. 그 단순함과 직관성이 그리운 분들을 위해, 그리고 여전히 그 방식이 유효하다고 믿는 분들을 위해 EstreUI를 소개합니다.
EstreUI가 뭔가요?
EstreUI는 거창한 프레임워크가 아닙니다. 우리는 이것을 "Rimwork (Runnable Frame)"라고 부릅니다. 자동차로 치면 엔진부터 조립하는 게 아니라, 이미 잘 굴러가는 튼튼한 섀시(Rim)를 제공해 드리는 겁니다. 여러분은 그 위에 원하는 시트와 핸들만 얹으시면 됩니다.
가장 큰 특징은 "jQuery 문법 그대로, 네이티브 앱 같은 UX를 만든다"는 점입니다.
왜 지금 jQuery인가요?
많은 사람들이 "jQuery는 죽었다"고 말합니다. 하지만 전 세계 웹사이트의 70%는 여전히 jQuery를 사용합니다.
- 직관성: $('#id').show()보다 직관적인 코드는 아직 없습니다.
- 생산성: 복잡한 상태 관리(State Management)나 Props Drilling 없이, 그냥 눈에 보이는 요소를 제어하면 됩니다.
- No Build: Webpack, Vite, Babel... 다 필요 없습니다. 그냥 <script> 태그 한 줄이면 준비 끝입니다.
EstreUI의 핵심 기능
- Android Activity 같은 생명주기
- 웹에서도 onCreate, onShow, onPause 같은 라이프사이클을 사용할 수 있습니다.
- 안드로이드 개발자라면 설명서 없이도 바로 이해할 수 있는 구조입니다.
- 부드러운 화면 전환 (Transition)
- SPA(Single Page Application)의 핵심인 부드러운 페이지 이동을 기본 지원합니다.
- 이전 단계를 기억하는 세미 스택(Semi-Stack) 네비게이션을 지원합니다.
- 1.2.0 버전부터 멀티 인스턴스(Multi Instance)를 정식 지원하면서 풀 스택(Full-Stack) 네비게이션을 지원합니다.
- 강력한 데이터 바인딩 (Active Struct)
- jQuery의 단점인 "데이터-UI 동기화"를 해결했습니다.
- data-bind 속성만 넣으면 데이터가 변할 때 화면이 자동으로 바뀝니다. (React 부럽지 않죠?)
백문이 불여일견
말로만 설명하면 와닿지 않으실 겁니다. EstreUI로 만든 데모 앱을 직접 확인해보세요.
마치며: 레거시가 아니라, 클래식입니다.
오래된 것이 낡은 것은 아닙니다. 익숙한 도구로 가장 빠르게, 가장 훌륭한 결과물을 낼 수 있다면 그것이 바로 최고의 기술입니다.
React의 복잡함에 지치셨나요? 혹은 기존 레거시 프로젝트를 모바일 앱처럼 리뉴얼해야 하는 미션을 받으셨나요? EstreUI가 가장 현실적이고 강력한 대안이 될 수 있습니다.
이 글은 EstreUI 개발팀에서 작성되었습니다.
