IT와 생활에 해당되는 글17

  • 아래 안시성이나 명당 버튼을 클릭하면 영화 안시성과 명당의 메인 예고편 유튜브 동영상이 모달에 나올 것이다. 이것은 https://ashleydw.github.io/lightbox에서 배웠다. 안시성 명당 모달에 대해 적으려는 것이 아니다. 크롬에서 유튜브 동영상을 자동 재생하는 것을 막아 스크립트도 버전업했다고 말했다. 그래서 나도 스크립트를 버전업했다. 그런데 크롬을 버전업하니 아래 그림 1번의 동영상 더보기 창이 나오는 것이다. 창을 닫으면 동영상을 재생할 수 있는데 보아야 한다니 짜증이다. 네이버 웨일 브라우저 등 다른 브라우저에서는 자동재생된다. 여담으로 크롬을 버전업 했더니 티스토리 블로그에서 사진을 업로드하기 위해 플래시를 다시 설정해야 한다고 한다. 짜증난다. 신용관리 및 보안

  • 이 블로그에서 하단에 보이는 카테고리,최근 글 등에 사용 중인 더하기와 빼기 아이콘이 있는 보이고 가리기( Collapse)는 여기에서 배운 것이다. 부트스트랩도 class="collapse"를 추가하면 보이고 가리기를 지원할 수 있으나 아직 4에 적절한 아이콘을 포함한 보이고 가리기 소스르 찾지 못했다. 참고로 아래는 부트스트랩4에서 지원하는 보이고 감추기(Collapse)이다. 아래 청춘예찬이라는 단어의 버튼을 클릭을 반복하면 보이고 감추는 것을 할 수 있다. , 청춘예찬 없는 튼튼하며, 인생을 별과 되려니와, 철환하였는가? 지혜는 끝에 못하다 남는 어디 있는 힘차게 얼음이 것이다. 위하여서 소금이라 인생을 인생을 아름다우냐? 천하를 할지라도 공자는 인생에 것이다. 얼음에 불러 찾아 안고, 같이, 소..

  • 이 메인 블로그 헤더에 유튜브 배경을 넣었다. 처음에 http://min-blog.tistory.com/에서 했던 것이다. https와 부트스트랩4로 업데이트해 이 블로그에 다시 적용했다. 크롬에서 유튜브 동영상을 자동재생을 할 수 없어 예전에 배경에 재생 버튼이 보였는데, 이제는 업데이트가 돼 그런 것이 보이지 않는다. 그리고 https에서도 된다. 참고로 부트스트랩을 필요하지 않는다. 글에는 나타나지 않게 했다. 왜냐하면 글에만 집중하게 하도록. 설명은 아래 홈페이지에 나왔으며 홈페이지의 언어는 영어이다. https://github.com/pupunzi/jquery.mb.YTPlayer 여기에서 중요한 것은 유튜브가 어디에서 나타나게 설정하는 것으로 아래 그림처럼 나는 이 블로그에서 header로 설..

  • 이 블로그에 오랜만에 글을 적는다. 블로그에 보안연결인 https를 적용했으니 모든 웹사이트 주소가 https인지 신경이 쓰이게 됐다. 왜냐하면 http://min-blog.tistory.com/를 보안연결인 https로 만들면서 HTML 편집시 웹사이트가 https가 아니면 대부분 보안연결이 안됐기 때문이다. 참고로 아래는 위키백과에 나온 https에 대한 정의다. HTTPS(HyperText Transfer Protocol over Secure Socket Layer, HTTP over TLS,HTTP over SSL, HTTP Secure)는 월드 와이드 웹 통신 프로토콜인 HTTP의 보안이 강화된 버전이다. HTTPS는 통신의 인증과 암호화를 위해 넷스케이프 커뮤니케이션즈 코퍼레이션이 개발했으며,..

  • 최근 네이버 앱(어플)을 업그레이드했는데 아래 그림처럼 아주 좋게 변했다. 앱(어플)의 버전은 5.7.3으로 아래 왼쪽에 나온 N이라는 원형 아이콘을 터치하면 원형으로 메뉴가 나온다. 예로 블로그 앱을 들면 티스토리에서 배포한 앱이 현재 최신 버전이 0.9.6이다. 이것이 업그레이드가 없이 계속 정체되면 그저 그렇게 된다. 네이버에서 배포한 블로그 앱이 꾸준한 업그레이드로 좋게 변했다.

  • 아래는 왼쪽에서 차례로 웹공간을 제공하는 클라우드 스토리지 서비스이다. 클라우스 스토리지 서비스는 컴퓨터에 하드디스크에 파일을 저장하는 것처럼 웹에 공간을 제공하는 것이다. 보안이 필요한 파일을 하드디스크만 아니라 웹에 저장할 일이 있기 때문에 앱에 암호가 있으면 간단히 N드라이브 등에 접속하는 것을 방지할 수 있을 것이다. 그래서 아래는 왼쪽에서 차례로 네이버의 N드라이브(30GB+),다음의 클라우드(50GB),드롭박스(2GB+),올레의 유클라우드(50GB+)의 보안에 관한 그림이다. 아래 그림에서 볼 수 있듯이 암호를 설정해서 스마트폰에서 앱을 터치해서 간단히 접근할 수 없다는 것을 알 수 있다. 암호를 설정하지 않으면 간단히 접속할 수 있다. 얼마전까지는 다음의 클라우드 앱만 암호를 걸 수 있는 것..

  • 아래에서 http://min-blog.tistory.com에 설치한 구글 애널리틱스 프로그램으로 본 브라우저와 운영체제의 점유율 통계를 전년도와 비교하고자 한다. 이 블로그에 설치한 것이 아니다. 먼저 아래는 브라우저 통계이다. 클릭하면 원본을 볼 수 있고, 전년보다 익스플로러(Internet Explorer,IE)7이 상승했고 익스플로러8은 줄었다. 내년에는 윈도우XP 업데이트를 중지한다니 익스플로러7이 어떻게 될지 모르겠다. 외국에서는 익스플로러의 점유율이 30%가 안되는데 내 블로그에서는 65%가 넘고 우리나라에서는 80%가 넘으니...나의 생각이지만 네이버나 다음 등을 자주 이용한다면 90%대일 것 같다. 익스플로러에서만 잘 나오는 것이 많다. 어떤 우리나라 사이트는 익스플로러에서만 제대로 나오는..

  • 이 글에서는 사진의 불투명도를 조절하는 것과 칼라를 흑백으로 하여 이미지를 롤오버하는 것에 대해서 알아본다. 이것은 우리나라 사람이 많이 사용하는 익스플로러 7,8에서도 되니 걱정 말기 바란다. 내가 아래에서 하는 것은 http://min-blog.tistory.com에서 많이 사용하는 방법이다. 이미지의 불투명도 조절 위 사진은 투명도 조절을 사용한 롤오버이다. 크롬,사파리,파이어폭스,익스플로러9/10 등 최신 브라우저는 CSS3의 Opacity를 지원하여 간단히 opacity 수치를 주면 된다. 그러나 우리나라 사람이 많이 사용하는 익스플로러 7,8의 경우 CSS3의 Opacity 속성을 지원하지 않아 filter:alpha(opacity=수치)을 더해야 한다. 익스플로러.... 모든 익스플로러(IE..