반응형 웹을 위한 부트스트랩 활용하기
반응형 웹을 만드는데 부트스트랩 (bootstrap)을 가장 많이 사용한다. 스타일시트(CSS)와 자바스크립트(Javascript)로 구성되어 있기 때문에 적용하기도 쉽다. 실시간 검색어를 이미지로 보여주는 웹화면을 다음과 같이 모바일 서비스를 위한 부트스트랩으로 구성해봤다. 부트스트랩 활용 부트스트랩 홈페이지에 가면 관련 설명들이 잘 되어 있다. 시작하기에 보면 Grunt라는 빌드시스템을 활용하기도 하지만, 개인적으로 사용해 보면 그냥 필요한 CSS를 포함해서 쓰는게 더 편한 것 같다. HTML의 태그 영역에 다음과 같이 스타일시트와 자바스크립트를 적용하면 부트스트랩을 쓸 수 있다. 위 예제처럼 스타일시트와 자바스크립트의 CDN URL을 적용해도 되고, 부트스트랩 시작하기에서 "Download Boot..
이미지로 제공하는 안드로이드 실시간 검색어 앱 추천~
최근 핫이슈들을 살펴보기 위해서 네이버, 다음의 실시간 검색어를 자주 살펴본다. 모바일에서도 포탈 사이트에 접속하지 않고 바로바로 확인하기 위한 앱들을 살펴봤는데대부분 텍스트 위주의 순위라 결국 다시 포털 사이트에 접속해서 무슨일인지 확인 해야 하는 아쉬움이 있었다. 이미지로 한번에 살펴보면 더 낫지 않을까?그리고 궁금하면 포털 사이트로 들어가면 될 것이고.. 그래서 '실시간 검색' 앱을 만들어봤다. 실시간 검색어와 이미지는 매 1분마다 업데이트하도록 구성했다. 네이버와 다음의 실시간 검색어를 아래처럼 이미지로 확인할 수 있다. 안드로이드 사용자는 구글 플레이를 통해 다음 링크를 눌러서 다운로드하면 된다. https://play.google.com/store/apps/details?id=kr.co.acr..