(adsbygoogle = window.adsbygoogle || []).push({}); 이 블로그의 스킨을 반응형으로 만들었는데 사진을 잘리는 것에 대해 적으려 한다. 아래 글을 읽으면서 사용하는 반응형 스킨이 여러 사진을 가로로 삽입하면 사진이 잘리는지 확인해 봤으면 한다. 사진 하나는 잘리지 않는다.같은 크기의 사진을 가로로 나열해서 적는 경우가 많은데 사진이 잘린다. 왜 그런지 모르겠다. 예로 아래와 같이 사진 3개 삽입하면 이 스킨에서는 이상할 것이다. 사진이 본문을 넘어간다. 그리고 브라우저를 줄이면 줄어들어야 하는데 줄어들지 않는다. 특히 가장 마음에 안 든 것은 사진이 본문을 넘어간 것이다. 이 글을 스마트폰이나 태블릿이 아닌 PC본다면 브라우저를 줄여봤으면 한다. 그러면 사진을 줄어들지 않고 잘린다. 스마트폰으로 봤을 때 1번처럼 사진이 잘린다는 것이다. 2번..

(adsbygoogle = window.adsbygoogle || []).push({}); 티스토리는 자유성이 많아 네이버나 다음 블로그와 달리 원하는 대로 할 수 있다. 예로 티스토리는 블로그 메뉴,프로필,카테고리 등 네이버 블로그에서 없앨 수 있는 모든 것을 없앨 수 있고 얼마든지 홈페이지처럼 만들 수 있어 이곳이 홈페이지인지 티스토리인지 알 수 없다. 반면에 네이버 블로그에서는 블로그 메뉴, 카테고리,프로필 등을 없앨 수 없다는 것을 알 것이다. 여담으로 자유성이 티스토리처럼 많은 구글 블로그(블로그스팟)을 보면 홈페이지와 유사한 스킨을http://www.templateism.com/에서 볼 수 있었다. 적다보니 부트스트랩과 상관없는 글을 많이 적었다. 이 블로그는 부트스트랩 3으로 만들다보니 자연히 부트스트랩 테마가 많은 사이트를 알게 되어 아래에서 소개하려 한다. 그러면 HTML,CSS,스크립트에 ..

(adsbygoogle = window.adsbygoogle || []).push({}); 예전에 다음 지도(현 카카오맵)과 네이버 지도를 보다가 CCTV에 대한 정보도 나온다고 감탄했다. 그리고 내가 사는 곳에서 나오는 버스 정보나 로드뷰나 거리뷰를 봤을 뿐CCTV 정보는 신경 쓰지 않았는데 이번에 지도 앱의 CCTV에서는 어떤 정보를 제공하는지 적으려 한다. CCTV 정보를 제공하는 지도 앱은 카카오맵(구 다음지도)와 네이버 지도였고 구글 지도의 경우는 제공하지 않았다. 내가 모르는지 몰라도 구글 지도를 안 보게 된다. 국외가 아닌 국내에서는 카카오맵이나 네이버 지도만으로 충분한 것 같다. 참고로 9월에 다음 지도가 카카오맵으로 바뀌었다. 다음이나 티스토리를 운영하는 곳이 카카오라는 것을 알 것이다. 그러면 후에 어떤 것이 명칭이 카카오로 변경될 지.... 아래 그림은 카카오맵(구 다음지..

(adsbygoogle = window.adsbygoogle || []).push({}); 아래에서저작권에 안전한 사진,벡터,아이콘, 동영상,음악 구하기에 대해서 적어보려고 한다.무료로 저작권에 안전한 사진,동영상,음악,아이콘 등을 얻을 수 있다. 만약 무료로 저작권에 안전한 사진을 얼마든지 구할 수 있다. 많은 곳에서 제공해주니...문제는 한 곳에서 제공하는 양이 적어 여러 사이트를 알아야 하는 귀찮음이 있다.Shutterstock라는http://www.shutterstock.com/ko/인사이트를 이용하면 귀찮은 단점을 해결해준다. 그 한 곳에서 사진, 벡터, 아이콘, 동영상, 음악 등을 한 번에 해결할 수 있다. 왜냐하면 양이 엄청나기 때문이다. 예로 사진의 경우 무료 사이트로 내가 많이 애용하는 Pixabay에서 790,000개를 제공하지만 아래 그림을 보듯 Shutterstock에서는 108,078,112개나 제공한다. 계산하니 약 136배라는 계산이 나온..

(adsbygoogle = window.adsbygoogle || []).push({}); 티스토리 앱에서 제공하는 에디터가 마음에 들지 않아 그것에 대한 생각을 적어 보고자 한다. 네이버 블로그 앱에서 에디터를 접했던 사람이 티스토리 앱의 에디터를 접했다면...참고로 티스토리는 카카오가 운영한다.티스토리 앱에 있는 에디터는네이버 블로그 앱에 있는에디터를 접한 후 더욱 마음에 안 들었다. 네이버 블로그 앱을 사용한 후 티스토리 앱을 사용하면 기능이 너무 적다는 것을 알 것이다. 전에 네이버 블로그 앱에 대해 많이 다루었기 때문에 여기에서 자세히 다루면 중복이니 하나만 설명하면 티스토리 앱에서는 동영상을 올리지 못한다. 앱에서 동영상을 올릴 수 없다니....참고로 블로그 앱에서 동영상 삽입은2016/09/20 - 앱에서 동영상 삽입를 봤으면 한다. 그나마 PC에서는 자유성이 있어서 자유..

(adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 부트스트랩 그리드 이해를 쉽게 할 수 있으면서 자동으로 만들 수 있는 사이트를 소개하고자 합니다. 참고로 부트스트랩 공식 홈페이지인 http://getbootstrap.com/css/(영어 홈페이지)나 부트스트랩 한글 홈페이지인 http://bootstrapk.com/css/에서 그리드 시스템에서 부트스트랩 그리드를 익힐 수 있다.처음 부트스트랩의 그리드를 접했을 때 복잡하고 어려웠다. 그리드는 12개로 나누고 이것이 스마트폰, 태블릿, 노트북, 데스크탑등의 기기에 따라 달라 xs,sm,md.lg로 나눈다고 하니 어려웠다. 이젠 부트스트랩 그리드를 자주 접하니 자연스럽게 낯선 것이 없어졌지만 지금도 어려운 것이 완전히 해소된 것이 아니다. 처음 부트스트랩 그리드를 접하면 낯설어 어렵거나 복잡할 것이다.그런데http://shoelace.io/ 사이트에서 부..

(adsbygoogle = window.adsbygoogle || []).push({}); 2016/03/07 - box 클라우드 간단 리뷰를 적었을 때와 지금 박스(Box)앱으로 파일 만드는 것이 변해 적고자 엑셀 등문서파일 만드는 것에 대해 적고자 한다. 예전에는 귀찮게 Smart Office라는 앱으로 워드,엑셀,프레젠테이션을 만들 수 있었고 CamScanner라는 앱을 받아 설치하면 스캔 할 수 있었다. 아래 글을 읽으면 알겠지만 내가 보건데 박스 클라우드는 전반적으로 쉽게 앱을 사용할 수 있도록 변한 것 같다. 파일을 만들 때 귀찮게 Smart Office이나 CamScanner 앱을 설치할 필요없는 것 같다. 박스에서 아래 그림 1번을보듯 Word(워드) 문서, Excel(엑셀) 스프레시트, PowerPoint(파워포인트)프레젠테이션를 만들 수 있다. 그리고 파일을 만들 수 있는 앱은예전에는 Smart Office라는 앱을 스마트폰에 설치해야 가능했지만 그 앱이 없어도 가..

(adsbygoogle = window.adsbygoogle || []).push({}); 2016/11/01 - 페이스북 페이지 만들기는 친구가 있고 몇 년 전에 만들었던 계정이었다. 그렇게 하면 안 될 것 같아 페이스북에 새 계정을 만들었다. 새 계정 만들기에 대해서 간단하니 설명하지 않겠다. 그리고 아래 더보기를 클릭하면 새 페이지 만들기를 적었다. 기존에 계정으로 페이지를 만드는 것과 큰 차이가 없었지만 차이는 있었다.그건 그렇고 이 글에서는 페이스북에서 방송에 대해 적을 것이다. 방송은 녹화 방송이 아니고 생방송(LIVE)이다. 참고로 아래에서 방송하기 위해 필요한 것은 스마트폰과 페이스북 앱이다.PC에서는 어떻게 하는지 몰라도 생방송을 위해 특별한 준비물이 필요 없다. 방송을 한다고 어려운 것도 없이 그냥 찍으면 된다.더보기모바일 앱(어플)에서는 전에 설명한 것과 비슷하다. 아래 그..