기본 콘텐츠로 건너뛰기

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



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

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

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


===


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

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



이 블로그의 인기 게시물

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

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

크롬북에서 리눅스 앱 사용 후기

새로 구입한 픽셀 슬레이트에서 리눅스 앱을 실행시켜본 후 작성한 후기입니다. 현재 크롬북에서 리눅스 앱을 실행시키는 기능은 베타이니 이점을 고려하시고 보시면 좋을 것 같습니다.

Google Pixel Slate : 혼돈의 카오스

기존에 사용하던 픽셀 C의 교체 기기로 구입한 Pixel Slate(픽셀 슬레이트)는 제가 개인적으로 구입한 IT 기기 중 가격을 고려한다면 가장 실망한 기기입니다. 지적할 문제가 너무 많아 어디서부터 이야기해야 하나 고민을 하다가 가장 큰 문제라고 생각한 OS의 '일관성'에 대한 부분만 이야기하고 다른 것들에 대해서는 글 마지막 부분에 간단 리스트로 정리하기로 하였습니다.