SIRINI`s Blog

life, saying, developing, . . . and so on

Mobile First GR Board 2

구글의 에릭 슈미트 회장의 말에 따르면, 이제 시대는 Mobile First 에서 Mobile Only 로 넘어 가고 있는 중이라 할 수 있습니다.

그런 면에서 본다면, GR Board 2 는 Bootstrap 을 이용 하긴 하였으나 여전히 PC 화면에 대한 호환성을 위해 다소 늦은 Mobile First 진입을 한 셈이 됩니다. 게시판 페이지 자체는 Bootstrap 없이도 사용이 되도록 하였는데, 이로 인해 모바일에서는 조금 불편한 게 사실 이었지요. 바로 아래 그림 처럼요.




위 스크린샷에 형광펜으로 칠해진 Mobile 이란 버튼은 Beta 3 부터 추가 됩니다. 해당 버튼을 제외 하면 Beta 2 에서는 폰으로 볼 때 디자인 컨셉 자체가 없었음을 알 수 있습니다. 단순히 큰 걸 작게 눌러 놓은 형상이죠.



(글쓰기는 제대로 되지 않아 문제였습니다.)

여하튼 문제가 많다는 건 직감했지만, 막상 모바일용으로 따로 페이지를 구성하자니 여간 성가신 일이 아니었습니다. 게시판 스킨에 Bootstrap 을 적용하면 만사 OK 이지만, 대부분의 게시판 스킨들이 아직 PC 화면에 최적화 되어 있고 모바일용은 아예 별도 도메인이나 다른 프레임워크에게 맡기는 걸 보아 온 터라 결정이 쉽지 않았죠. 거기다 스킨을 만드는 입장에서 PC 와 모바일 둘 다 고려 하도록 강제하는 것은 좋은 생각이 아니었습니다. 모바일용 스킨은 별도로 분리해서 부담을 줄여주는 게 좋다는 생각이 들었죠.

그래서! 없는 시간 쪼개고 또 쪼개서 Beta 3 부터는 모바일용 스킨도 따로 선택 할 수 있도록 하고 있습니다! 아직 작업중이지만, 어떻게 변경되는지는 아래 스크린샷들을 살펴 보시면 좋을 것 같습니다. ^^ (현재 시리니넷에도 적용되어 있습니다! http://grboard.com/grboard2/board-freeboard/mobile/list/1 )












아직 완성 단계는 아니고, 계속해서 사용하기 더 편하도록 그리고 모바일용 스킨을 만들고자 하시는 분들이 좀 더 편하게 접근 하실 수 있도록 개선 작업을 진행 중입니다. 일반 스킨과는 다르게, 모바일용 게시판 스킨은 Bootstrap 을 기본으로 전제하고 작업을 하도록 할 생각 입니다. 사실상 다른 대안을 찾기가 쉽지 않기도 하고 저도 편해서 아마 앞으로도 쭉 Bootstrap 을 이용하지 않을까 싶네요. :)

모바일 기기엔 모바일에 최적화된 스킨을, PC 에는 예전부터 해왔던 대로 Bootstrap 없이도 동작 하도록 이어갈 방침입니다.

잘 만들어서 Beta 3 부터는 진정한 Mobile First GR Board 2 가 될 수 있도록 노력 하겠습니다!!!

부트스트랩 처음에 봤을때는 그냥 웹사이트 쉽게 만들어 주는 라이브러리 식으로만 알았는데~
가면 갈 수록 참 잘 만들어졌구나 라고 생각해요..

특히 그리드시스템 적용시킨거 보면... ㅎㄷㄷ
정말 굉장한 라이브러리 입니다! 쓰면 쓸수록 대박이라는 생각입니다 ㅋㅋㅋ
Dosage Amounts For Children Medication Amoxicillin Kamagra Original Kaufen <a href=http://sildenaf50.com>generic viagra</a> Vast Viagra Delivery Diflucan Over The Counter Alternative Buy Isotretinoin Acnetrex
Low Price Viagra <a href=http://cialviag.com>where to buy cialis online safely</a> Propecia Side Effects Treatment Will Cephalexin Make Canines Tired Cialis Generico En Farmacias Similares
Buy Cytotec Generic <a href=http://oc-35.com>should i take 1mg or 5mg of propecia</a> Cialis Mg 20 Viagra 100 Mg 4 Comprimes
Amoxicillin Side Effects In Infants Terbenifine And Keflex Doxycycline Discount <a href=http://cialonlinecs.com>cialis 20mg price at walmart</a> Buy Propecia Online Topix Buy Now Finasteride Claravis
Levitra Per Donne Viagra Originale Italia Il En Vente Libre Dans Les Pharmacies Belges <a href=http://erxbid.com>cialis incompatibilidades</a> Elocon Shop
Levitra Controindicazioni Acquisto Medicament Generique Du Viagra Diabete Viagra <a href=http://buysildenaf.com>viagra prescription</a> Comprar Cialis Valencia Sin Receta
Only Here What Is Levitra Levitra Vorzeitiger Samenerguss <a href=http://dan5325.com>viagra prescription</a> Acheter Dapoxetine 90mg Generique Side Affects Of Amoxicillin In Dogs Isotretinoin Acutane Pills No Physician Approval Overseas
Leave a comment here!
이 곳에 이름(닉네임)을 입력하세요
이 곳에 글 수정/삭제를 위한 비밀번호를 입력하세요
이 곳에 이메일 주소를 입력하세요 (선택)
이 곳에 웹사이트 주소를 입력하세요 (선택)