1.
이미 흔했지만
이제서야 문득 모바일 환경에서는 위에서 아래로, 종 스크롤링 방식이 편하다는 생각이 들어
비슷하게 구현해 보았습니다.
http://achor.net/blog/
2.
한 가지 문제는,
컨텐츠의 양이 너무 부족하여
조금만 휙휙 스크롤링 하다 보면 2~3년 전 기록에 도달하게 된다는 점이더군요.
그렇다고 억지로 컨텐츠를 생산해 낼 수도 없는 노릇,
대안으로
http://twitter.com/achorNews 를 통해 기록해 두는 관심 기사들이라도 연결해 볼까 했으나
제 홈페이지 데이터와 효율적으로 매핑하는 방법을 찾을 수 없었습니다.
시간순 정렬을 포기하거나
twitter 데이터를 제 DB에 담아 Join 처리하는 방법은 떠올랐지만
둘 다 그닥 매력적이진 않아 차차 고민해 보기로 했습니다.
3.
스크롤 속도가 빠를 수도 있다 보니
한 번에 로딩되어야 하는 이미지가 많아 이 또한 문제가 되더군요.
그간 서버를 직접 운영하는 이의 특혜인 용량/트래픽 무제한을 적극 살려 원본 그대로 사진을 첨부해 왔기에
첨부파일들의 용량이 꽤나 컸긴 했습니다.
로딩의 간격을 5개로 줄이기도 했고,
lazyload 등의 jQuery Plugin도 적용해 놨지만
LTE의 네트웍 속도라도 그 다수의 대용량 사진을 따라가지 못하더군요.
어쩔 수 없이 width 600px로 최적화 해놨습니다.
사진의 해상도는 좀 떨어졌지만 데이터 소비를 낮추면서도 좀 더 쾌적해 지긴 했습니다.
4.
자, 모바일에서 achor Empire에 접속하는 방법을 정리해 봅시다.
(1) 홈페이지 http://achor.net
> 좀 작긴 하지만 특별히 시력에 문제 있는 이가 아니라면 모바일 환경에서도 충분히 보입니다! (아마도)
> PC 환경과 거의 모든 것이 동일하게 구현됩니다.
> 모든 메뉴에 접근 가능합니다.
(2) 모바일웹 http://achor.net/m/
> 디자인 요소는 철저히 배제된 채 텍스트 중심으로 구성된 모바일 전용 사이트입니다.
> 소비되는 데이터를 미리 알려주기는 하나 첨부파일들은 원본이라서 데이터 소비가 적진 않습니다.
> 다이어리 등 주요 게시판 중심으로 접근 가능합니다.
(3) 모바일앱 https://play.google.com/store/apps/details?id=net.achor.app.empire
> 모바일웹의 App 버전입니다.
> 게시물 작성 시 첨부파일을 포함해야 할 경우엔 이 App을 써야만 합니다.
> 다이어리 등 주요 게시판 중심으로 접근 가능합니다.
(4) 모바일 블로그 http://achor.net/blog/
> 이번에 만든 모바일 웹사이트!
> 이미지가 600px로 축소돼 있어 데이터 소비가 적습니다.
> 다이어리만 접근 가능합니다.
- achor
|