나도 올해로 이쪽 바닥에 뛰어든지 횟수로 3년차가 되어가고 있다. 이제 조금이나마 이바닥의 생리가 보이고, '이 바닥이 다 그래.'라고 말할 수 있는 날이 다가오고 있다.... 읭? 그건 여전히 건방진 모습일지 모르겠지만, 그냥 그러려니 하자.
아래는 발표내용 정리.
장소 : 청계광장 정보화진흥원
표준프레임워크 오픈커뮤니티 18차 기술세미나
주제 : 전자정부 모바일 표준프레임워크 2.0 제대로 활용하기
부제 : 한국형 커스터마이징 jQuery Mobile 설명
발표자 : SK C&C 김상욱 부장
전자정부 프레임워크 모바일포탈 : http://m.egovframe.go.kr/
가이드 : http://m.egovframe.go.kr/mguide/
발표하시는 분께서, 모바일 표준프레임워크를 사용한 경험이 있는 개발자를 찾았지만 2명 정도가 손을 들었을 뿐이다.
150여명이 넘는 개발자가 참석한 자리에서 전자정부 표준프레임워크를 기반으로 해서 개발을 한 사람이 찾아오지 않는 기술세미나라... 아직 표준프레임워크가 가야할 길이 먼 것 같다.
** 모바일 표준프레임워크는 '모바일 웹'이다.
1. 모바일 표준프레임워크는 무엇인가?
모바일 서비스 제공을 위한, 사용자 경험지원 기능, 모바일 공통 컴포넌트(30여개) 등을 추가적으로 구현한 프레임워크
2. 모바일 서비스 : 모바일웹
모바일 웹, 모바일 앱.
1강 3중 구도(강: 안드로이드, 중 : 윈도우폰, RIM, iOS)
모바일 플랫폼의 파편화 : 네이티브 앱으로 개발하게 될 경우 플랫폼별 개발비용이 들지.
프론트엔드 개발이 웹으로 옮겨가고 있다. 이번 삽질이 그냥 삽질로 끝나지 않기를 바라며...
재사용성, 재활용성, 중복투자 - 무엇보다는 비용이다.
행정안전부 고시 '제 2010-40호'
- 최소 3종 이상 웹 브라우저에서 동등한 서비스 제공
- 정부에서 주관하는 웹표준, HTML4, CSS2
- 접속하는 유저의 접속환경을 획득하여 분기처리라...
- 네이티브 앱에서 구현가능한 것과 웹에서 가능한 것의 분명한 구분이 필요하다.
전자정부프레임워크는 시장에서 시작성과 안정성을 인정받았을까?
그 위에 모바일 표준 프레임워크를 얹는다.
Cross Platform
Cross browsers
HTML5 + CSS3 + JavaScript
모바일 호환성에 대한 검증
Look & Feel 느낌이나 보여지는 것이 그러해야한다.
자바스크립트는 컴포넌트
인터프리팅하여 브라우저에서 내려받아서 렌더링 하고 보여준다.
디버깅이 용이치 않아?
스프링MVC가 가지고 있는 비즈니스 로직을 그대로 가지고 있다?
그렇게 해서 재사용성을 높였다?
토비의 스프링을 다시 공부하면서
전자정부 프레임워크도 다시한번 봐야겠구나.
Best Practice 제공
- 100여 개의 프로젝트에 대한 고민을 하지 않아도 된다.
- 이번 프로젝트에서 전자정부 프레임워크를 썼다면 어땠을까나? ㅡ_-)?
16개 컴포넌트를 제공해준다고?
Touch Optimization
전자정부 프레임워크 : 2차가공, 재가공 가능, MIT, 아파치
라이센스 : 전자정부 프레임워크에 맞춰서 jQuery mobile을 지역화했다.
실제 기기에서 실행해봐라
제한된 사용환경을 고려하여 간결하고 가볍게 개발하라.
<table> 쓰지 말고
(모바일)표준프레임워크의 기대 효과는 무엇인가~~~
이게 가장 중심이 되지 않을까?
하이브리드앱 표준프레임워크?
웹뷰 애플리케이션, 브릿지 프레임워크, 모바일웹 프레임워크
자원은 재활용하고 중복개발하지 않는다.
-----------------------
전자정부프레임워크는 개발환경을 잘 제공해주는 덕분에 귀찮아.
기기별 크기와 해상도가 다름
처리방법
- 대부분 CSS로 처리
- 전체 널비를 비율로 각 부분별로 나누어 처리
CSS3
Vendor prefix
Chrome, Safari : -webkie-
firefox : -moz-
Opera : -o-
터치 기반의 이벤트 처리와 마우스 이벤트 처리의 구분이 필요함
- 터치 이벤트, 스크롤 이벤트만 존재함.
만능 자바스크립트~~
자바스크립트 하나만 잘해도 요즘은 먹고살만한 세상이 되었다. 거기에 html5를 잘하면 좋고, css3도 다룰 줄 알면 훌륭하다. 한마디로 다 잘해야하는 거다. 읭?
------------------------
모바일 전자정부프레임워크 이슈리스트
- Performance
- JavaScript error
= 에러 당시에는 디버깅을 하여 배포 가이드
= 업그레이드 하면서 처리
- 업그레이드에 따른 스펙변경
기기변경에 따른 업그레이드
= pushstate를 지원하는 history.js 를 import
- 연속된 Ajax에 의한 비정상적인 화면 출력
모바일 서비스를 적용할 때는~
1. performance 에 신경
2. 스크립트, css를 조합하여 디버깅
3. 브라우저 지원스펙에 대해서 민감해야 한다.
4. 직접 고칠 수 없다면 다른 대안을 마련해야한다.