기본 콘텐츠로 건너뛰기

Bootstrap을 사용한 Viewzin의 새로운 웹페이지



계속 업데이트가 되고 있는 모바일 앱과는 달리 처음 만든 이후 큰 수정이 없었던 제 개인 프로젝트 Viewzin(뷰진)의 웹페이지를 Bootstrap(부트스트랩)을 사용해 개편하였습니다. 부트스트랩은 예전 회사에서 개발 테스트만 해보고 실제 업무에 적용해볼 기회가 없었는데 간단하게나마 한번 사용을 해보자라는 생각이 들어 뷰진 웹페이지 개편에 사용을 해보았습니다. 뷰진의 웹페이지가 워낙 단순한 구조라서 적용에 큰 어려움은 없었습니다.

예전 테스트 개발시에도 그랬지만 이번 뷰진 웹페이지 개편에 사용을 해보면서 느낀 개발자 입장에서의 부트스트랩의 가장 큰 장점은 뷰진과 같이 소규모 사이트 개발시 디자이너의 지원없이 괜찮은 디자인의 반응형 웹페이지를 쉽게 만들 수 있다라는 것 같습니다. 부트스트랩으로 사이트를 만들면 다 비슷비슷한 모양이 되고 기능에 비해 무겁다라는 부정적 의견도 있지만 '쉽고 이쁘다'라는 장점이 주는 매력이 역시 크다라는 생각입니다.

이번에 개편하면서 바꾼 것은 SNS 공유 버튼입니다. 기존에는 각 SNS에서 제공하는 태그를 사용했는데 이번에는 일반 버튼으로 대체하고 버튼을 누르면 해당 SNS의 공유글 입력 페이지를 팝업으로 띄우는 형태로 바꾸었습니다. 이렇게 바꾼 이유는 각 서비스에서 제공하는 공식 태그를 사용하는 것이 기능면에서는 좋으나 서비스마다 버튼의 크기와 표시하는 방법이 달라 디자인 면에서는 마이너스이기 때문입니다. 'Google+, 트위터, 페이스북'의 버튼을 만들고 부트스트랩에서 제공하는 기본 CSS를 적용하니 훨씬 보기가 좋았습니다.


===


사진 포트폴리오 - City, City People (http://photo.just4fun.kr/)

사진 매거진 앱 - Viewzin (http://viewzin.just4fun.kr/)



이 블로그의 인기 게시물

구글 결제에서 결제 수단 등록 문제

얼마 전 카드를 새로 만들어서 구글 결제의 결제 수단을 교체하려고 하였는데 카드 번호가 잘못되었다라고 하면서 등록이 되지 않았습니다. 관련해서 검색을 해보니 이런 문제가 흔히 발생하고 있더군요. 저처럼 당황하실 분들을 위해 구글 고객센터와 통화해 해결하면서 알아낸 것들을 공유하겠습니다.

IFTTT의 새로운 앱 'Do'

IFTTT 는 간단하게 정의하면 온라인 자동화 서비스라고 할 수 있습니다. 예를 들면 블로그에 포스팅을 하고 이 글을 SNS에 공유하기 위해서는 일일이 각 SNS마다 직접 공유 포스팅을 하거나 Buffer와 같은 서비스를 사용해 공유 포스팅을 하는 과정을 거쳐야 합니다. IFTTT는 이런 과정없이 블로그에 새로운 글이 등록되면 이것을 IFTTT에서 감지해 자동으로 SNS에 공유 포스팅이 등록되게 해줄 수 있습니다. 블로그를 예로 들었지만 IFTTT는 온라인 서비스들을 사용할때 발생할 수 있는 다양한 상황들을 감지해 자동화해줄 수 있는 편리한 서비스입이다. 이런 IFTTT에서 기존 앱의 이름을 IF로 바꾸고 별도의 새로운 앱인 'Do' 시리즈 를 출시하였습니다.

안드로이드 N의 '프리폼 윈도우 모드(freeform window mode)'

안드로이드 N의 개발자 프리뷰에서 가장 큰 변화는 멀티 윈도우 지원이었습니다. 그런데, 프리뷰가 발표된 이후 숨겨진 옵션으로 단순 멀티 윈도우가 아닌 일반 PC OS들처럼 윈도우의 크기와 위치를 자유롭게 조절할 수 있는 '프리폼 윈도우 모드(freeform window mode)'가 존재한다라는 사실이 알려지게 되었습니다. 이 윈도우 모드는 개발자 프리뷰에서는 활성화되어 있지 않았지만 구글의 공식 문서에도 언급이 되어 있는 옵션이었습니다. 어떤 모습인지 궁금하였던 '프리폼 윈도우 모드'의 작동하는 모습이 담긴 영상이 인터넷에 올라왔습니다.