jQuery Mobile 사용 리뷰

모바일웹 개발 프로젝트가 있어 여러가지 찾아본 결과 jQuery Mobile(ver1.4.5)을 사용하게 되었다.

여러가지 장점에 대한 기술은 여러 블로그나 웹사이트에서 쉽게 찾아 볼 수 있기때문에 생략하고

내가 사용해 보고 느낀점에 대해 간략히 적어보겠다.

이번 프로젝트 제작 조건은 아래와 같다.

1. 주로 컨텐츠 내용을 담은 사이트

2. 게시판 구현

3. mvc 모델 기반이 아님

4. 퍼블리셔가 따로없음

5. 개발 기간 일주일ㅋ

6. LAMP 기반

개인적으로 느낀 장점은 아래와 같다.

1. 디자인

디자인 센스가 전혀 없는 나라도 이른바 "있어보이는" 웹제작이 가능하다.

버튼, 텍스트박스, 라디오 박스와 같은 폼디자인은 물론,

리스트뷰, 그리드, 패널, 데이터픽업 등 디자인이 세련되고 깔끔하다. 개인적인 취향에 부합한다..ㅋ

많이 사용하지만 플러그인을 하나하나 찾기 번거로울 수 있는 기능이 기본적으로 포함되어 있어서

개인적으로 가장 좋았던 부분이다..ㅋㅋ 

2. 러닝코스트가 낮다

그냥 스크립트, 스타일을 서버에 집어넣고 인클루드만 해주고, 메뉴얼에 적힌대로 적기만 하면 끝.

메뉴얼이 잘되어 있다. 구글에 자료도 많다.. (자료가 많다는 건 내가 삽질할 시간이 줄어든다라는 말과 일치)

내 수준에 적합하다...ㅋㅋ

이전 회사부터 퍼블리셔가 없는 회사에서 작업해왔던지라 jquery, css에 나름 자신이 있던 상태라서

커스텀도 쉽게 할 수 있었던거 같다.

3. 브라우저 의존성, 반응형 웹

IE, FF, Chrome, safari등 브라우저는 물론 기기에 호환이 좋다.

이전 회사에서 브라우저마다 출력이 달라 멍멍이고생한걸 생각하면..

이부분도 아주 많이 감사하다.. 

단점. 단점이라기 보다 고생한 점.

1. 링크마다 data-ajax="false"

링크입력 시 내부적으로 ajax로 page태그 안의 내용을 불러와서 뿌려주는 방식이라고 한다.

그래서 javascript로 단독적인 기능을 사용한다거나 할 경우에는

링크마다 data-ajax="false"를 붙여줘야하는 번거로움이 있다.

2. 한글깨짐...

제일 고생했던 부분.. 파라메터에 한글이 있을 경우 한글깨짐이 발생.. 

해결하기 위해 자바스크립트로 escape하는 번거로움 발생...ㅎ.. 그래도 해결되서 기쁠 뿐

3. 구글맵 연동

정해진 규칙이 존재한다. 거기에 따라야지 작동하는 구글맵을 볼 수 있을것이다.

이것또한 고생.. jquery mobile을 포기하기 직전이였다.

http://demos.jquerymobile.com/1.4.0/map-geolocation/

위 페이지 (차근히)참고하여 해결

퍼포먼스적으로 자세하게 파헤쳐 보진 못했지만 그다지 느린 것인 체감하지 못했다.

개인적으로는 만족할 수 있는 결과물도 나온거 같구 ^^

개발4년차에 걸맞는 결과물인지는 보는 사람들에 따라 다르겠지만..

좋은 공부가 되었다.

-리뷰 끗-