Aarambh.js v1.5.0 릴리스 – 가벼운 UI 엔진이 더 강해짐
카테고리
프로그래밍/소프트웨어 개발
서브카테고리
웹 개발
대상자
프론트엔드 개발자, 가벼운 프레임워크를 선호하는 개발자, 빠른 개발 환경을 필요로 하는 팀
핵심 요약
Aarambh.js는 JSX 스타일의 가상 DOM 엔진으로onMount,onUnmount,ref등 라이프사이클 훅을 지원합니다.- SPA 라우터와 Spider.css v2.2.0 유틸리티 스타일링을 내장하여 라이브러리 버전에서 즉시 사용 가능합니다.
- Vite 기반 CLI
create-aarambh-app으로 빠른 개발 환경과 최소한의 설정으로 프로젝트를 시작할 수 있습니다.
섹션별 세부 요약
1. 프레임워크 주요 기능
- 가상 DOM 엔진은
createElement메서드를 사용해 JSX 스타일로 컴포넌트를 생성합니다. - 라이프사이클 훅(
onMount,onUnmount,ref)을 내장해 컴포넌트 생명주기를 쉽게 관리할 수 있습니다. - SPA 라우터가 동적 라우트와 파라미터를 지원하며, JSX 사용 여부와 무관하게 동작합니다.
- Spider.css v2.2.0 유틸리티 클래스를 기본 제공해 CSS 설정 없이 간단한 UI 구현이 가능합니다.
2. CLI 도구 업그레이드
- Vite를 사용해 개발 속도를 극대화한
create-aarambh-appCLI가 업데이트되었습니다. - 프로젝트 생성 시 Aarambh.js v1.5.0과 Spider.css v2.2.0이 자동으로 포함됩니다.
- 외부 설정 없이 즉시 실행 가능하며,
npx create-aarambh-app myapp명령어로 시작할 수 있습니다.
3. Spider.css 유틸리티-먼저 접근법
- 12개 컬럼 그리드, Flexbox 및 간격 유틸리티, 버튼/카드/네비게이션 예제 스타일 제공.
- 모바일 중심으로 설계된 유틸리티 클래스로, JavaScript 없이도 사용 가능합니다.
- 라이브러리 버전만 사용해 빠른 로딩과 간단한 사용을 지원합니다.
4. 컴포넌트 구조 예시
- Aarambh 컴포넌트는 순수 함수로, 가상 요소 트리를 반환합니다.
- 예시:
Counter컴포넌트는ref와onClick을 사용해 상태를 관리하며,createElement로 DOM 구조를 생성합니다. - 모던 UI 라이브러리와 유사한 API 지원 (
ref,onClick포함).
5. 기능 개발 로드맵
useState/signals: 개발 중 (In Dev)- CLI 컴포넌트 생성기: 계획 중 (Planned)
- 전환/애니메이션: 베타 버전 (Beta)
- Spider.css 테마 CLI: 2023년 7월 출시 예정
- 실시간 문서 및 플레이그라운드: 테스트 중 (Testing)
6. 개발자 정보 및 프로젝트 링크
- Spider.css: GitHub에서 제공
- Aarambh.js: npm에서 배포
- CLI 도구:
create-aarambh-app사용 - 프레임워크 개발자는 빠른, 최소한의, 표현력 있는 웹 도구를 만들고자 합니다.
결론
- Aarambh.js v1.5.0은 라이브러리 버전에서 즉시 사용 가능한 가벼운 UI 엔진으로, Vite 기반 CLI를 통해 빠른 프로젝트 생성과 최소한의 의존성으로 개발할 수 있습니다.
npx create-aarambh-app명령어로 바로 시작하고, Spider.css 유틸리티 스타일링으로 간결한 UI를 구현하세요.*