본문 바로가기

각 종 it/티스토리 등 프로그래밍

자바스크립트 랜덤하게 배열 요소 꺼내기, random() 2020/12/27 - [각 종 it/티스토리 등 프로그래밍] - 자바스크립트 타이머! setTimeout(), setInterval(), 좀 있다 꺼줄래? 그리고 랜덤으로 유튜브 리스트 실행 해 주고. 자바스크립트 타이머! setTimeout(), setInterval(), 좀 있다 꺼줄래? 그리고 랜덤으로 유튜브 리스트 실 2019/02/24 - [각 종 it/티스토리 등 프로그래밍] - 셔플로 시작하고 반복 재생하는 유튜브 플레이리스트, randomtube 셔플로 시작하고 반복 재생하는 유튜브 플레이리스트, randomtube 2019/02/14 - [각 종 it] - aldkzm.tistory.com 유튜브 랜덤 재생기를 구현하기는 했는데... 뭔가 아쉬운 점이 있다. 기존 것은 한 리스트 것만 ..
자바스크립트 타이머! setTimeout(), setInterval(), 좀 있다 꺼줄래? 그리고 랜덤으로 유튜브 리스트 실행 해 주고. 2019/02/24 - [각 종 it/티스토리 등 프로그래밍] - 셔플로 시작하고 반복 재생하는 유튜브 플레이리스트, randomtube 셔플로 시작하고 반복 재생하는 유튜브 플레이리스트, randomtube 2019/02/14 - [각 종 it] - 블로그든 뭐든 홈페이지에 BGM, 배경음악 넣어보자. 걍 유투브음악 전용 사이트를 팝업 시키는 방법임. 얼마 전에 홈페이지에 BGM을 넣어보았다. 그러다 유튜브기반인 최신가 aldkzm.tistory.com 일전에 랜덤튜브를 소개 한 적이 있다. embeded로 유튜브를 이용 할 때 랜덤으로 플레이리스트를 작동하는 코드가 더 이상 작동하지 않아, 넣은 사이트인데, 이 사이트도 더 이상 작동하지 않는다. 오랜만에 랜덤으로 유튜브 리스트를 재생 할 일이 있어,..
클릭 반응형 웹페이지, 클릭하면 고양이가 사라진다?! 새로운 것을 만드는 것은 귀찮다. 만드는 것 자체는 귀찮지 않지만, 다른 사람에게 설명을 해야 한다는 것이 귀찮다. 물론 필자 같은 경우 '지식의 저주'를 너무 신경 쓰는 나머지 너무 자세히 설명하려다 오히려 어렵게 설명하는 경우가 이지만, 그렇다고 너무 지식의 저주를 생각하지 않고 설명 해 버리면 못 알아듣는 분들이 있어 가끔 딜레마에 빠진다. 특히나 필자 같이 머리 회전이 빠른 사람은 말하는 중간에도 여러가지 생각을 할 수 있어 대화 간 내용이 지루하면 가끔 말하다가도 다른 생각을 해 버리는 습관이 있어 가끔 곤란하기도 하다. 설명이나 대화 다음으로 어려운 것은 작명이다. 현재 게시글 제목을 '클릭 반응형 웹페이지, 클릭하면 고양이가 사라진다?!'라고 정하기는 했지만, 호기심만 자극했지 지금부터 쓰는..
2560*1440은 QHD! 반응형 웹페이지 어쩔~ 예전에는 Full HD들이 주요 사용 되었지만, 요즘은 UHD가 대세이니 반응형 웹페이지는 이에 대응해야 한다. 지금 사용하고 있는 것은 티스토리 기본 반응형 스킨으로, 해상도가 QHD만 되도 양 옆에 텅텅 비어 보기가 거시기 하다. 그래서 임시로 에스카노르를 덧 되어 보았다. 링크도 살짝 걸어두고, 신재생에너지발전설비기사~ 혹시나 반응형 웹페이지를 사용 안 해도 블로그를 관리 한다면, 앞으로 QHD에 대한 대응은 나름 해야 한다.
티스토리 다음 애드핏과 구글 애드센스와 연동하고 처음 설정 티스토리도 이제 공격적인 블로그 광고팅에 들어갔다. 이제 공식적으로 구글 애드센스를 지원하는 것이다. 사실, 그 동안 robots.txt를 지원하지 않아 한동안 수익 일탈에 대한 경고를 받고 있었고, 이에 티스토리 관계자에 요청을 했지만 깔삼하게 무시 당했었다. 그러다 관리(설정)에 들어가니 '수익'이라는 카테고리를 보았고, 그 안에서 애드핏과 구글 애드센스를 연동했다. 웹페이지 광고와 연동하기 위해서는 카카오톡 계정으로 통합이 필요하다. 티스토리, 다음 등 다음에서 관리하는 웹사이트들의 아이디를 이번에 카카오톡 계정으로 통합한다. 그 과정에서 이룬 성과 일지도 모르나 우선 이 과정이 이뤄져야 다음 과정으로 넘어간다. 그런데 연동 후 반드시 해야 하는 일이 있다. 티스토리 광고 연동 후 기존의 광고들이 ..
모바일에서는 패럴렉스 디자인을 사용하지 않는다. 모바일의 태생적인 한계로 2020/09/05 - [각 종 it/티스토리 등 프로그래밍] - 모바일 브라우저의 한계, ram 부족 모바일 브라우저의 한계, ram 부족 pc브라우저와는 달리 모바일 브라우저는 ram이 부족하다. 물론 비싼 것은 8기가 넘어 간다고 하지만 보통은 4~6이 대부분이다. 이는 무슨 문제점을 가져오는가? 모바일에서 여러창을 띄워 시간이 aldkzm.tistory.com 웹페이지에서는 왠만한 입체적인 기법을 사용 할 수 없다. 그 기법 중 하나가 패럴렉스 디자인이다. 패럴렉스란 스크롤 간 부분 페이지마다 시간차를 두어 정적인 웹페이지를 동적으로 만들어주는 디자인이다. 그 예로 pc버전에서 필자 홈페이지 제일 하단으로 스크롤 하다보면 영덕사랑상품권가맹점 그림이 스크롤 할 때마다 따라 ..
안티애드블럭(애드블럭 무력화 코드), perfect Cube 2020/08/18 - [각 종 it/티스토리 등 프로그래밍] - 안티 애드블록이 나쁜걸까? 본 컨텐츠를 보기 위해서는 애드블록을 해제 해 주세요. 안티 애드블록 해제 방법 첨. 안티 애드블록이 나쁜걸까? 본 컨텐츠를 보기 위해서는 애드블록을 해제 해 주세요. 안티 애드블 그 공명정대한 JTBC에서도 애드블록을 해제하지 않으면 동영상을 안 보여주는데, 뭐 괜찮겠지 하고 달아본다. 출처는 https://blind513.tistory.com/252 광고 수익을 방해하는 안티 크롬 애드블럭 티스토�� aldkzm.tistory.com 기존의 애드블럭 같은 경우, 광고를 차단하는 주소코드를 일일히 기입하여, 이 코드가 발견 되면 애드블럭을 차단하는 것에 한계를 가졌다. 즉, 기존 것은 새로운 차단코드가 나오면 ..
티스토리 카테고리(관련글)에 링크 넣는 법 티스토리에는 cover라는 메인 화면이 있다. 이 기능이 다 괜찮은데, 각 카테고리 별 제목에 링크가 없다. 티스토리 코드를 살펴보면 일일히 작성하는 것이 아니기 때문에 각 제목마다 링크를 달 수도 없는 법이다. 그렇담 어떻게 해야 할까? 간단하다. '' Related Articles 이렇게 코드를 만들면 된다. 즉, 이렇게 a태그를 만들어 /category/ 뒤에 카테고리 제목을 불러오는 티스토리 특유의 태그를 넣어주면 끝난다. 일단은 하단에 있는 '관련글'에만 적용하였으니 예제는 그것을 보면 된다.

티스토리툴바