(adsbygoogle = window.adsbygoogle || []).push({}); 얼마 전까지네이버 웨일 브라우저를 사용할 때 마음에 드는 기능이 옴니태스킹이었다면 요즘에는 스크랩북이다. 왜냐하면 간단히 PC와 모바일에서 스크랩을 편하게 할 수 있기 때문이다. 그리고 PC 웨일에서 아래 그림의 파란색 사각형 아이콘인 스페이스와 스크랩북을 같이 사용하면 정말 편하다. 그리고 설정에서 사이드바도 왼쪽으로 옮기면 편할 것이다. 아래그림은 네이버 웨일로 1번 아이콘을 클릭하면 스크랩북(scrapbook)에 기사를 스크랩한다. 그런 후 2번을 클릭하면 스크랩북에 스크랩한 기사를 볼 수 있다. 그래서 스크랩북에 있는 것 중 하나인 3번 기사를 클릭할 경우 왼쪽 창에 나온다. 새 탭에 생성돼 나오는 것이 아니라 왼쪽 창에 나온다. 참고로 스페이스와 같이 사용하면 편리하게 콘텐츠를 확인..

(adsbygoogle = window.adsbygoogle || []).push({}); 신용등급확인 등 신용조회,명의보호, 카드./대출 관리 등 다양한 서비스를 하는 곳인 올크레딧 PC 홈페이지를 방문하면오른쪽전국민 무료 신용조회라는 배너를 클릭하면 자신의 신용듭급 및 신용점수를 무료로 확인할 수 있다.모바일 홈페이지에서는 아래 그림 1번을 클릭하여 메뉴 창이 나오면 2번 전국민무료신용조회를 누르면 된다.이렇게 홈페이지에서 자신의 신용등급무료조회를 할 수 있다. 신용조회 횟수, 이용방법 등은 아래 그림을 보면 확인할 수 있다.전국민 신용 조회 서비스는 올크레딧 회원이 아니라도 이용할 수 있다. 그런데 올크레딧 회원이라면 아래 그림에 나온 여러 가지 혜택이 있으니 회원가입하면 좋다. 참고로 위에서 회원 열람은 올크레딧 회원을 말하는 것이다.전국민 신용정보 조회는신..

(adsbygoogle = window.adsbygoogle || []).push({}); 구글 블로거(블로그스팟)을 보면 글에 삽입된 이미지, 동영상 등은 썸네일로 나타난다. 아래 그림 1번을 보면 글에 유튜브 동영상이 있으니 동영상이 썸네일로 나타난 것이다. 참고로 스킨에 따라 다르지만 내가 구글 블로거에서 사용하는 스킨(테마)은 유튜브 동영상만 나온다.아래도 구글 블로거(블로그스팟) 스킨인데 동영상을 운영하는 사람을 위해 만든 스킨인 것 같다. 썸네일에 나타난 아이콘을 보면 동영상이라는 것을 알 수 있다. 포털 등에서 많이 봤을 것이다.썸네일을 클릭하여 글을 보면 이미지는 없고 유튜브 동영상을 볼 수 있다. 유튜브 동영상에서대표 이미지를 추출하는 스크립트로 썸네일을 나타내는 것 같다.아래도 구글 블로거 스킨으로동영상을 글에서 재생하지 않고 목록에서 바로 재생할 수 ..

(adsbygoogle = window.adsbygoogle || []).push({}); JSFiddle을 사용하여 HTML, CSS, 스크립트 등을 테스트한다. 예로 나는JSFiddle에서 아래와 같은 부트스트랩4의 캐러셀(Carousel)이라는 것을 테스트한 적이 있다. 부트스트랩4의 여러 가지 기능을 보고자 할 때 JSFiddle을 이용한다.이 블로그에서도 할 수 있지만 이 블로그는 부트스트랩3으로 만들어 불가능하다. 하여튼 JSFiddle은 소스를 퍼가도록 하는데 티스토리 블로그는 자바스크립트를 지원하므로 글에 삽입이 가능하다. 티스토리를 제외한 네이버, 다음, 이글루스 모두 안될 것이니 개고생하지 말았으면 한다. JSFiddle을 삽입하면소스를 멋지게 표현하고 방문자가 쉽게 소스를 퍼갈 수 있다. 또한 결과도 보여준다. 여러 모로 JSFiddle은 편리하다. (adsbygoogle = window.adsbygoogle || []).push({}); 과거에 JSFiddle을 사용했는..

(adsbygoogle = window.adsbygoogle || []).push({}); 오래 사용했고 사양이 낮은 노트북을 어떻게 활용할까 생각하다가 크롬OS와 유사한 무료 운영체제(OS)인 클라우드레디를 설치한 후 거기에서 게임을 하면 생각이 들었다. 다른 무료 운영체제인 리눅스도 생각해봤는데, 예전에 사양이 같은 노트북에 리눅스의 우분투와 클라우드레디를 설치했더니 우분투는 클라우드레디에 비해 무거웠다.그리고 클라우드레디를 USB에 설치해 사용해도 가벼웠다.그렇지만 활용 범위를 생각하면 우분투가 많을 것 같았다. 아래 그림의 국내 데스크탑의 운영체제 통계를 보면 Chrome OS를 클라우드레디라 생각하면 리눅스(Linux)는 1%도 안 되지만 그래도 크롬OS보다 8배나 많다. 그만큼 우분투(리눅스) 사용자가 많으니 사용할 프로그램이 클라우드레디에 비해 상대적으로 많았다. 하지만 ..

(adsbygoogle = window.adsbygoogle || []).push({}); 알고 있듯이 랜섬웨어에 감염되면 PC 등 시스템을 구동하지 못하게 할 뿐만 아니라 시스템이 구동되더라도 파일을 열지 못한다. PC나 파일 등에 접근하기 위해서 랜섬웨어를 배포한 해커에게 돈을 지불해야 한다. 이런 랜섬웨어는 불법 소프트웨어를 다운로드 받으므로 인해 감염된다. 그러니 랜섬웨어를 예방하기 위해 신뢰할 수 없는 사이트에서 소프트웨어를 다운 받지 말라고 한다. 그리고 신뢰할 수 있는 정품 소프트웨어를 사용하라고 한다.작년 랜섬웨어로 인한 피해액은1조 5000억원이라 하고 복구액은 7000억이라 한다. 1조 5000억원이나 7000억원에 포함되는 피해자가 되지 않았으면 한다.포토샵, MS오피스 등 유료 소프트웨어를 무료로 배포한다고 유혹하니 그 유혹에 넘어가면 안된다. 예로 오토데스크 홈페이..

(adsbygoogle = window.adsbygoogle || []).push({}); 지난 8일에 페이지 에디터가새에디터로 변경됐고 HTML를 지원한다는 것을 알았다. 그래서 페이지에서 HTML을 지원하므로 디스커스(Disqus)를 삽입했는데, 예전에 디스커스 설정에한국어 옵션이 있었지만 이제는 없었다. 그래서 설치 후 영어를 사용하다가 구글 검색을 통해 https://dololak.tistory.com/663에서 아래 그림처럼 영어가 아닌 한글로 나타내는 방법을 알았다. 그래서 이 글에서 크롬이 아닌 웨일 브라우저로 한글 옵션을 나타내는 것을 설명해보려고 한다. 참고로 아래는 디스커스의 요금제로 예전에는 유료가 없고 무료였다. 나는 무료인 Basic을 사용 중이다. (adsbygoogle = window.adsbygoogle || []).push({}); 본론에 들어가면 아래와 같다. 디스커스 언어 설정인 English를 마우스 오른쪽 버튼을 클릭한 후 검사를 클..

(adsbygoogle = window.adsbygoogle || []).push({}); /*********************** Demo - 1 *******************/ .box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s} .box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center} .box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""} .box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden} .box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px} .box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic} body{background-color:#f1f1f2} .mt-30{margin-top:30px} .mt-40{margin-top:40px} .mb-30{margin-bottom:30px} .box1 .icon,.box1 .title{margin:0;position:absolute} .box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative} .box1:after,.box1:before{height:50%;background:rgba(0,0,0..