액시스제이

풀 스택 오픈소스 자바스크립트 UI 프레임워크

AXISJ 는 “자바스크립트의 축(Axis of Javascript)”라는 뜻과 더불어
애플리케이션 개발경험(Application eXperience: AX)을 구현한다는 의미도 담고 있습니다.

액시스제이는

유용한
클래스, 함수, 오브젝트, 프로토타입으로 정리된 API 문서는 라이브러리 초기 도입에 큰 도움이 됩니다. 또한 미리 준비해둔 샘플을 참조할 수 있어 유용하게 이용할 수 있습니다.
강력한
80개 이상의 사용자 인터페이스 구성요소를 통해 다양한 화면에 대한 요구사항을 처리할 수 있습니다. 또한 최신의 브라우저 뿐만 아니라 터치 기반의 기기에도 동작하도록 개발되어 있습니다.
충실한
오픈소스로 비영리로 운영되고 있지만 궁금한 점을 깃헙(Github) 이슈트래커를 통해 최대한 빠른 시일내에 응대해드리고 있습니다. 또한 업체의 커스텀 및 별도 개발을 위해 방문교육, 원격지원, 이메일, 전화상담 등 다양한 기술상품으로 배포된 소스와 개발물에 책임을 다하고 있습니다.

액시스제이 특징

생산성
이미 사전에 구축된 사용자 인터페이스 구성요소를 단 몇 줄의 코드만으로도 개발이 가능합니다.
확장성
다양한 웹 애플리케이션의 요구사항의 변경 또는 추가에 대해 확장하고 진화할 수 있도록 설계되어 있습니다.
개방성
액시스제이는 오픈소스입니다. 언제든지 이슈트래커를 통해 개선 및 아이디어를 게재하고 직접 개발에 참여하여 더욱 발전시킬 수 있습니다.
신뢰성
개발자 톰은 프런트엔드의 아름다운 미래를 꿈꿉니다. 오늘도 여러분과 소통하기 위해 끊임없이 노력하고 이야기하고 있습니다.

액시스제이 가이드

액시스제이의 모든 코드는 오픈된 깃헙을 통해 배포 됩니다.
설치를 위해서는 깃헙에서 소스코드를 내려 받거나 깃헙코드를 배포해주는 bower를 통해 소스코드를 내려 받을 수 있습니다.

바우어로 설치

액시스제이의 설치는 간단합니다.

다운로드한 파일을 프로젝트의 적당한 위치에 복사합니다. (여기에서는 프로젝트 루트에 /axisj 라는 폴더에 설치했습니다.)

액시스제이를 사용하시려는 페이지의 HTML 코드 안에 아래의 CSS와 JS파일을 로드하는 코드를 작성합니다.

다음 필요한 경우 원하는 UI용 CSS와 JS파일을 추가합니다. 예제는 AXGrid를 붙이기 위한 코드 입니다.

해당 UI가 위치할 HTML 엘리먼트에 id를 지정해줍니다. 이는 나중에 UI 환경설정항목에서 해당 ID를 사용하게 됩니다.

id는 유일한 요소이므로 하나의 HTML 문서 안에는 오직 한개만 존재해야합니다.

UI 환경설정과 데이터값을 부여합니다. UI 구성요소에 따라 각각 다른 설정값을 가지고 있습니다.

UI가 원하는 대로 잘 설정되었는지 확인하고 차를 한잔 마십니다.

참 쉽죠?

샘플보러가기
© AXISJ 2014