Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

AXISJ - Super Developer K 3

No description
by

Thomas Jang

on 12 February 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of AXISJ - Super Developer K 3

Opensource Javascript UI Library
AXISJ
전자정부 표준 프레임워크에 관련된 것을 해야지..
여기는 "슈퍼개발자K 시즌3" 경진대회
액시스제이에 투표하세요.
전자정부 프레임워크가 더 이뻐지려면?
AXIS of Javascirpt
Javascript UI Library
데모시연 : 동영상
AXISJ - eGovFrame
전자 정부 프레임워크 샘플 바꿔보기
제일 잘 하는걸 하자
Team AXISJ
What is "AXISJ"
자바스크립트의 기준이 되자!! 라는 뜻.

AX(Application eXperience)를 지향
국내 최초.
오픈소스
상용 JS UI 라이브러리

2008년 ARIAScript
2013년 현재의 버전 발표

HTML에서 제공하는
UI 컨트롤로 구현하기
어렵거나 복잡한 기능을

추가 프로그램 설치 없이
브라우저에 내장된
자바스크립트를 이용하여
실행되는 UI컨트롤
jQuery UI
Sencha
Kendo UI
AXISJ UI
웹 폰트 아이콘 오픈소스
그리고 지금 계속 진화중입니다.
반응형 웹 애플리케이션
템플릿 오픈소스
UI 라이브러리만으로 부족해~
웹 애플리케이션 개발을 위한 모든 것
다 만들어 버리자~
본격 껌팔이 어플 - JSONGum

$4.99
UI를 보면 만들고 싶다.
왜?

내가 클릭하고, 만지는 것이니까.

그냥 이 일이 좋으니까
2008년
2012년
왜 이런짓을...
Ptototype JS, jQuery, Dojo
자바스크립트 혼란의 시대

관리자페이지에서 Table를 쓰지 않고 개발하고 싶다.
회사를 그만두다
이왕 하는거 제대로 만들어 보자 !!

하지만 생계는?
2010년
2009년
jQuery가 대세가 되면서 prototypejs를
base로 한 UI는 어렵다고 판단.

그러나 Prototypejs 의 Class패턴은
계속 쓰기로 결정.
디자이너 jowrney와 공동작업
2013년 오픈
https://github.com/axisj-com/axisj
???
어쩌지..
"Front-End 전문 프리랜서"
주경야독
Archon, Barracks
axu.axisj.com
axicon.axisj.com
목표는 그리드 / 폼 !!
https://axisj.com
웹사이트
facebook.com/axisj
페이스북
하지만 멘붕..
전자정부 프레임워크 자신있게 다운로드
왜?! 난 Front-End 전문 프리랜서 니까
but. 환경구축 성공!! 이렇게 쉬울수가
노하우와 경험의 산물.
프로젝트 초반 러닝커브 시간 절약
개발팀 구성원들의 소스코드 품질보장
Awesome eGovFrame
Spring기반의 Hibernate, iBatis
프로젝트를 십여분 만에 구동시키다니 !!
전자정부 표준프레임워크
무작정 AXISJ 연결
eGovSampleList.jsp
방법은 정했으니 이제 할 일은 AXGrid 붙이기
egov-axisj Adapter 연결
리스트의 변신
한페이지 아이템 갯수는
늘리고 스타일은 드레스업
설정 변경 필요 !
EgovSampleController.java
egovSampleList.jsp
egovSampleList.jsp
폼의 변신
MVC 패턴 대로
가장 좋은 방법.

하지만 설계고민을 많이 해야 하고
단기에 구현하기에는 지나치게 많은
공수가 들어감.

클라이언트 스크립트로서 검증 받은 후에 하자!!
현재 구조를 유지하고
Client만 추가
이미 만들어진
HTML Tag의 Tag구조를 이용하여
UI라이브러리의 설정을 구현하는 방식

흡사 Angularjs 방식과 유사 하다고 할 수 있다.
UI를 어떻게 붙이면 좋을까 ?
가장 큰 문제는? 시간이 모자르다...
egov-axis.js
egov-axis.js
egov-axis.js
egov-axis.js
액시스제이는 여러분의 참여를 기다립니다.
AXISJ로 Dress UP!!
tom@axisj.com
eGovFrame이 AXISJ와 만나면
eGovFrame이 AXISJ와 만나면
eGovFrame과 AXISJ간에 충돌문제는 없을까?
"당연히 깨끗합니다."
액시스제이만 있으면 Front-End는 끝입니다.
그래서.. eGovFrame에는 어떤 도움이 되는 겁니까?
www.axisj.com
첫번째 라이브러리 제작
ARIAmodule (with Prototypejs)
AXMods
modsTail
modaAX
감사합니다.
eGovFrame
이 그리드는 그냥 그리드가 아닙니다.
가상스크롤 지원, IE완벽커버
1/4
2/4
3/4
4/4
1
4/4
2
4/4
3
4/4
반응형 도 해결!!
1년간 gitHub에서 엄청난 삽질
648+ Commits , 15 Released
1년간 단 한주도 쉬지 않고 Commit
Full transcript