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-app CLI가 업데이트되었습니다.
• 프로젝트 생성 시 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를 구현하세요.*