Blog

jQuery Mobile 사용기



jQuery Mobile 을 개인 작업할 때 써봤다.

우선 좋다. url 입력창만 간단한 스크립트로 숨기면 네이티브 앱 같은 느낌을 충분히 줄 수 있다.

꽤 완성도 있는 느낌도 들고, 기본 테마 및 커스텀 가능한 UI theme까지 제공해 준다.

하지만!  jQuery Mobile은 UI프레임 워크이다.

결론부터 말하면 내가 원하는 디자인을 마음대로 적용하지 못한다는 거다.

물론 커스텀 UI theme말고도 본인이 뜯어고쳐서 상당 부분까지 디자인을 변경할 수 있다.

(여기에 가면 jQuery Mobile을 이용해 만든 사이트들을 볼 수 있다. http://www.jqmgallery.com/)

내가 이것을 잊고.. 처음에 jQuery Mobile css파일을 cdn을 이용해 페이지에 넣었다.

(cdn 서비스를 이용하면 동일url이라 캐시에 저장되어 로딩속도가 더 빨리진다.)

jQuery Mobile의 css파일에 이미 padding, margin등 기본 값들이 설정되어 있다.

당연히 내가 작성한 css가 제대로 먹히지 않았다.

그래서 css파일을 다운받았다. ‘뜯어고쳐 쓰면되지뭐’ 요론 생각으로

받아서 열어봤더니 theme 부분과 structure 부분으로 나눠져 있었다.

css의 theme 부분을 수정한 후에 내가 원하는 레이아웃에 디자인요소를 배치할려고 했더니

structure 가 문제였다.

예를 들어 data-role=”header”에 h1요소를 넣으면 h1요소 자체에 이미 margin, text-overflow 값이 먹혀있어서

텍스트를 길게칠경우 자동으로 …줄임표시 처리되거나 헤더의 높이값 조절또한 마음대로 되지 않았다.

(어쨋거나 css열어서 몽땅 수정해서 해결하긴 했다.)

id로 다 덮으려 했는데 가독성, 유지보수 등등등.. 이건아니다 싶었다.

거기다 자바스크립트가 복병이다. 자바스크립트로 동적으로 생성되는 클래스들은 파이어버그 같은 툴을켜서

찾지않으면 다운받은 파일만 보고 어떤요소에 어떤 클래스가 적용됬는지 알길이 없다.(그냥 없다고 하고싶다)

안좋은 점만 주구장창 늘어논거 같은데 다시한번 말하지만 jQuery Mobile은 UI 프레임워크라는 점이다.

개발 시간이 빠듯하거나, 디자이너가 없이 작업을 할 때, 디자인을 조금 포기하고 편리하게 개발하고 싶을 때

위와 같은 경우에 쓰기엔 정말 딱이다.

sencha touch는 마크업 기반이 아니라 약간 부담이 되지만 꽤 매력적인 것 같다.





  • Pingback: 모바일 웹 개발()

  • http://akosut.com Amia

    What sort of work do you do? accutane for acne C8, contains a “3, and the third

  • http://www.d-target.com Katelyn

    Hold the line, please effexor blackouts So that there is no misunderstanding at the time your practice experience assignments are announced, you

  • http://www.palmerdavisphotography.com Arianna

    What do you study? renova online Goal 4: The student exhibits foundational pharmacotherapeutic knowledge.

  • http://www.pinellasanimalfoundation.org Abigail

    I’d like to change some money trazodone zoloft displayed, this can also be used to move

  • http://www.kimbertonwholefoods.com Dominic

    I’d like a phonecard, please accutane website If you have any questions/concerns regarding claims submission using an NPI, please

  • Pingback: 모바일 웹 개발 (위키북스) | SUPERJANG()

  • http://someawesomesite2014.com awesome site

    I hardly leave a response, however I glanced through some responses here jQuery Mobile
    사용기 | SUPERJANG. I actually do have 2 questions for you if you tend not to mind.
    Is it just me or does it look like like a few of these responses
    come across as if they are coming from brain dead people?

    😛 And, if you are posting at other sites, I would like
    to follow you. Could you list of all of your social networking pages
    like your Facebook page, twitter feed, or linkedin profile?