[jQuery] input checkbox 이벤트 실행

오늘은 거의 역대급.. 뻘짓..작업(?) 시간 낭비.. 지금 이글을 적으면서도 왜했지? 라는 생각이 드는 ㅠ_ㅠ input type="checkbox" 의 이벤트 실행하는 함수입니다. 라이브리 댓글 토글 버튼 디자인 구경하다가 완전 깜찍한 토글 버튼을 발견해서저녁 내내 ㅠ_ㅠ 갖다 붙여넣기 했는데뭔가 괜히 찝찝한 느낌입니다... 며칠 이내로 때버릴 것 같네요. 그래도 언젠가는 쓸일이 있겠지.. 특징이라면 .attr() 안돼서 .prop() 요걸로 했다는... 차이점은... 구글 ㄱㄱ!! See the Pen input checkbox 이벤트 by JCM (@cocosoft) on CodePen. //토글키 $('#toggle--daynight').on('click', function() { if ( $(..

Tistory Blog/Html,Css 편집 2016. 3. 8. 23:02

[JavaScript] onclick 한번만 실행 로드 하기

사실 오늘 라이브리 댓글을 새로 설치하면서 기존의 댓글창과 동시에 사용하고싶어서 토그 형식의 버튼을 만드려고 했습니다. http://cocosoft.kr/380 - 새로워진 라이브리 소셜댓글 LiveRe(신버전) 소개 라이브리 소셜댓글을 클릭을 하는 사람에게만 스크립트 로드가 되겠금 만드려고 했는데 하지만 문제점이 발생했습니다. 라이브리 소셜댓글 버튼을 누를때마다 라이브리 스크립트가 로드되어서 댓글폼이 계속 생겨버리게 되는 점이죠. 그래서 처음에는 jQuery의 .one() 함수를 사용하려고 했는데.. $('selctor').one("onclick", function(){ }); 제가 적용을 잘못한건지.. 외부스크립트로드라서 그런지 몰라도 제대로 로드가 되지 않았습니다. (.unbind 사용하면 oncl..

Tistory Blog/Html,Css 편집 2016. 3. 8. 02:11

[롤 헬퍼 BJ 사건]헬퍼란 무엇인가?(구분 구별법 및 롤 방송용 헬퍼)

최근 리그오브레전드(이하 롤) 게임을 인터넷 방송을 하는 인기 BJ의 헬퍼 사용 논란이 일어났습니다.무수히 많은 의혹 화면(영상) 들이 퍼지고 있고 해당 BJ는 해명을 하긴 했지만석연치 않은 해명( 내가 잘해서 그렇다, 헬퍼로 안보인다 등등)으로 의혹은 더커지고 있는 상황입니다.해당 의혹 부분을 알아보고 헬퍼가 무엇인지? 그리고 구분 방법 또 방송용 헬퍼 까지 알아 보겠습니다. 헬퍼 의혹 부분 알리스타 점멸 따라가는 커서는 느리게 해서 그렇지 프레임으로 짤라보면 0.03초 반응이 나옵니다. 30ms죠 보통 예측을 하지 않고 일반인 반응속도는 평균 250ms 즉 0.25초선수들은 평균150ms 정도 0.15초의 반응 속도가 나오는데 해당 부분이예측으로 한 거라면 대단하지만 사람의 반응속도로 하기에는 실제로..

IT Review/Game 2016. 3. 8. 00:25

새로워진 라이브리 소셜댓글 LiveRe(신버전) 설치 방법 및 후기(장단점)

새로워진 라이브리 소셜댓글 LiveRe(신버전) 설치 방법 및 후기오늘은 새로워진 소셜 댓글 플러그인인 라이브리 설치 방법 및 후기에 대해서 알아보겠습니다. 사실 기존 라이브리는 모바일 연동도 안되고 멀티미디어 첨부도 불가능하고.. 불편했는데새로운 라이브리는 모바일 지원과 멀티미디어도 손쉽게 연동이 가능해서 좋았습니다. 구버전은 발급키를 받아서 사용했었는데 신버전은 data-uid 발급받아서 사용합니다. 개인용은 City버전을 발급 받아서 사용하면 무료로 사용가능합니다.프리미엄과 시티의 차이는 다음과 같습니다. ※ 2016년 5월 31일까지 라이브리 City버전이 전면 무료로 제공됩니다. 이후 일평균 PV 1,500 초과 시 광고가 삽입 될 수 있으며, 삽입된 광고는 소액결제를 통해 삭제 가능합니다. 단..

IT Review/Site,Social,Tech 2016. 3. 7. 17:06

티스토리 특정카테고리에서만 나타나는 메뉴 만들기(진행 상황)

티스토리 특정카테고리에서만 나타나는 메뉴 만들기를 해보았습니다. Intro - 해당기능을 달게 된 이유 사실 특정카테고리에서만 나타나는 메뉴의 최종 목적은 추천 글을 보여주는 사이드바 모듈을 만들려고 했습니다. Addthis나 기타 추천 모듈 위젯 플러그인을 사용하면 추천 글 보여주기는 가능하나 주제별로 맞춤형 포스팅을 제공하기도.. 추천 구독 모듈 디자인을 수정하기도.. 내 마음대로 커스터마이징을 하기는 힘들었습니다. 그래서 한번 직접 만들어 볼까?하고 시작을 하게 되었습니다. 본론 및 현재 진행 상황 저는 많지는 않지만 여러 주제로 블로그를 운영하고 있는데 게임 카테고리에서 작성된 글은 게임 추천 포스팅 사이드바 메뉴만 보여지게 만들고 CSS 수정 카테고리에서는 관련 티스토리 꾸미기 추천 글만 보여지..

Tistory Blog/Html,Css 편집 2016. 3. 7. 04:40

티스토리 블로그 꾸미기 - 드랍다운 메뉴 모듈 만들기

오늘은 간단한 드랍다운 메뉴를 사이드바에 설치하는 블로그 꾸미기 작업을 하겠습니다. 설치하는 방법을 잘 따라오시면 사이드바 뿐 아니라 상단 네비게이션 헤더 또는 확장 메뉴등다양하게 사용 가능 할 수 있을 것입니다. 제블로그에 적용된 예시 SNS 채널 구독 카카오스토리 트위터 네이버 인트로 - 사전 습득 지식 드랍박스 구조는 보기에는 단순해 보여도, 꽤 많은 사전 지식이 필요합니다.꾸미기 중급자 클래스 정도 된다고 생각하네요.그래도 천천히 보고 따라한다면 쉽게 적용 가능 할 것입니다. 왜 이번 편은 사전지식이 필요하면 드랍다운 메뉴는 다양한 박스 태그와 클래스로 타겟 설정이 되어있고설치 위치에 따라 본인의 스킨에 원래 지정된 CSS 속성과 겹쳐서 모양이 틀어질 수도 있습니다.그렇기에 본인이 직접 본인의 스..

Tistory Blog/Html,Css 편집 2016. 3. 5. 17:29

클래시 로얄 공략 및 후기 무과금 및 덱 추천

안녕하세요. 오늘은 슈퍼셀 신작게임 클래시 로얄 공략 및 후기에 대해서 포스팅을 해보겠습니다. 우리에겐 이미 COC 와 붐비치로 잘 알려져 있는 회사이죠. 이번에 한국에서도 클래시 로얄이 출시된다고 하길래 티저만 보고 카드게임 별로 재미 없겠네(?) 하고 생각했다가.. 포스팅을 해야겠다는 생각이 들정도로 잘 만들어진 게임입니다. 클래시 로얄 앱 아이콘과 로딩 메인화면입니다. 굉장히 가볍게 만들어져있습니다. 로딩시간이 1초도 안됩니다. 빠른 로딩 부터 마음에 듭니다. 클래시 로얄 간단 소개 클래시 로얄은 간단하게 설명하면 실시간 하스스톤의 느낌(?) 8장의 덱을 구성하고 매초마다 1씩 차는 엘릭서로 카드를 소환해서 적의 기지를 뿌수는 게임이죠. 무조건 쌘카드만 들고갈 수도 없고 적절하게 카드덱을 짜고 전략..

IT Review/Game 2016. 3. 4. 22:54

블로그 스킨 꾸미기 할 때 참고하면 좋은 사이트 소개!

이번편은 블로그 스킨 꾸미기 할 때 유용한 사이트 소개를 해보겠습니다. 티스토리 블로그 CCZ-CROSS 스킨 꾸미기 완성 #1편 과 함께 작성을 하려고 했는데 포스팅이 길어질 것 같아서 따로 글을 적었습니다. 소개해드리는 사이트는 매우 유용하니 북마크를 해두시고 사용하시면 매우 도움이 될 것이라고 생각합니다. 첫 번째 - COMPRESSOR.io https://compressor.io/ 이건 예전에도 무수히 많이 소개해드린 사이트입니다. 이미지를 무손실에 가깝게 압축을 해드립니다 여담으로 1x1 투명 gif 파일을 압축해봤는데. 42byte가 나왔습니다. 웹상에서 모든 브라우저 및 프로그램에서 오류없이 사용가능한 최소 크기만큼 줄여지는 것이죠. 바이트열 분석을 통해 더 불필요한 부분 지우면 32byte..

IT Review/Site,Social,Tech 2016. 3. 4. 01:51

[초대장+]티스토리 블로그 배포 스킨 추천 소개!! (무료 반응형 웹스킨 BEST 5)

안녕하세요. 스킨 꾸미기가 완성이 된 기념으로!!!!오늘은 티스토리 블로그 스킨 중무료로 공개된 반응형 웹스킨들을 추천해보는 시간을 가지겠습니다. 이 포스팅의 내용은 작성자의 주관적인 견해가 들어가 있습니다. ㅠ_ㅠ 절대로 참고용이지 선택은 본인이 하시길 바랍니다.항상 좋은 스킨들을 만들어 주시는 모든 웹개발자 웹디자이너 분들에게 감사의 말씀을 드립니다. 첫 번째 -CCZ-CROSS 스킨 by 흉내쟁이- CCZ-CROSS 스킨 v1.0 - http://webdir.tistory.com/492 지금 현재 제가 사용 하고 있는 스킨입니다. 개인적으로 생각 하는 장점은 가장 깔끔한 클래식한 디자인, CROSS스킨 답게 구형 익플도 지원하는 점!다양한 기능들의 트리거를 제공하는 점, 블로그 스킨 기본 구조 안내..

Life Style/Useful TIP 2016. 3. 4. 00:26

티스토리 블로그 CCZ-CROSS 스킨 꾸미기 완성 #1편

오늘은 간단하게 블로그 꾸미기 완성 관련 글을 작성해 보겠습니다. 간편한 말투!! 시작!!! 시간으로 보니 블로그 스킨을 새로 바꾸고 약 보름이라는 시간이 넘게 걸린 것 같다.이제 웬만한 블로그 스킨은 다 꾸몄고, 세세한 부분의 마감처리(?), 포인트 처리를 하고 있는 중이다. HTTP Requests도 60 이하로 줄였고,페이지 로드 속도를 매우 크게 향상 시켰다. 다만..... 지금 현재 내블로그의 서버 응답시간이 평균 3초 라는 것을 감안하면처음 접속한 방문객들도 초스피드 페이지 로드가 가능하다는 점!! 왜 HTML의 네트워크 서버 응답 시간이 3초가 걸리는지 모르겠다.2차 도메인의 사용이 원인인지.. 근데 다른 2차도메인을 사용하는 블로그를 보면 문제가 아닌 것 같고도메인 비용 몇천원 아껴보려고 ..

Tistory Blog/Html,Css 편집 2016. 3. 3. 16:40