cover-list
- 티스토리 방명록 순서 거꾸로 나올 때 변경하기(북클럽 스킨) 해당 방법은 북클럽(Book Club) 스킨의 변경법을 알려드리는 것입니다.다른 스킨은 클래스가 달라서 적용이 안 될 수 있습니다. 티스토리 스킨을 이것저것 바꾸다 보니새로운 기능들도 생겨서 변경 하는 중에 방명록이 바뀌었다는 것을 알게 됐다.북클럽 스킨에서도 코드가 되게 복잡했었는데 간단하게 몇 줄로 요약해서 쓸 수 있게 됐음.이렇게 HTML쪽에 짠 하고 붙이면 나옴. ★[#~ #] 이 치환자 부분이 자꾸 티스토리 본문에서 자동으로 삭제되므로 아래 사진코드를 참고하세요. 그런데.. 음..?방명록에 들어가보니 순서가 거꾸로 되어 있었다..예전 방명록은 가장 최신글이 맨 위로 올라오도록 정렬이 되어 있었는데바뀐 방명록은 첫번째 보이는 글이 젤 오래전에 남겨진 글이었다.당황해서 검..
- [jquery] 부드럽게 화면 상단으로 이동하는 버튼 만들기 웹페이지에서 흔히 볼 수 있는 화면 상단 이동 버튼.본문 내용이 길어 스크롤바가 길 때, 최상단으로 한번에 이동할 수 있어서 매우 편리한 기능.거의 모든 사이트나 앱에서 필수적으로 들어가는 버튼이다.보통은 그냥TOP이렇게 쓸 수도 있지만..이대로 쓰면 갑자기 뿅~ 하고 최상단으로 이동해 버리게 된다. 보기 좋지 않음..그래서 보통은 부드럽게 스크롤이 이동하도록 스크립트를 겸해서 쓴다. jquery$(".btn_top").on('click', function(){ $('body, html').animate({ scrollTop: 0 }, 300 ); return false;});이렇게 하면 스르륵 스크롤 되면서 최상단으로 이동 함. 근데 여기서 한 단계 더 나아가스크롤이 최상단일때는 btn_to..
- [웹스퀘어] resize 스크립트 (모바일 반응형) scwin.onpageload = function() { // 모바일 메뉴 임시삭제 $(window).resize(function(){ var winSize = $(window).width(); if (winSize 스크립트 짤 때 웹스퀘어에서는 resize 함수 안에 변수를 설정해야 함. 전역변수가 안먹음.
- 키크론 K10PRO 화이트 저소음갈축 내돈내산 후기 간만에.. (정말 몇 년 만에) 키보드를 질렀다. 키크론 K10PRO 화이트.. 화이트 너무 이뻐..포기 못 해!! 사실 키크론을 사려 했던게 아니고 의식의 흐름을 나열하자면.. 유튜브에서 게저갈 게저갈 (게이트론 저소음 갈축) 찬양글을 봄. 게저갈?? 저소음 적축은 있었는데 저소음 갈축이 언제 나왔지??? 하면서 궁금해짐. 그러면서 엠스톤 그루브 어쩌구를 찾았는데 내가 원하는 색상과 키는 품절이래.. 그리고 그 하우징에 큰 로고랑..여튼 내스탈이 아니야 ㅜㅜ (예전부터 유명했지만 한번도 타건 못해봄..) 그러다가 몬스타기어 닌자시리즈가 노브도 있고 예쁘게 잘빠졌네??? 아니 키캡디자인도 너무 이쁘고.. 머선일이야 ㅜㅜ 하다가 가격이 너무 비싼것 같아서(윤활 빼자니 윤활 뺄거면 굳이 왜 몬스타기어??) ..
- 알리에서 구매한 개발자 키캡(XDA) 내돈내산 알리익스프레스에서 구매한 두번째 XDA 키캡~ 이름은 모르겠다.. 우연히 발견했는데 git로고도 들어가있고 [hello, world!] 각인이라니?? 개발자 느낌 뿜뿜한 키보드ㅋㅋ 배색도 맘에 들어서 안 살 수가 없었음. 가격은 다른 키캡만큼 저렴한 느낌은 아니었지만 넘 궁금해서 사봤다. 위가 상품상세 사진인데..... 상품설명에 있는 사진은 폰트가 좀 더 둥근느낌에 각인도 두껍고 키캡이 무광느낌이었는데.. 실제로 받아보니 조금 달랐다.. 무광이 아닌 반무광? 정도의 느낌이고.. 폰트도 미세하게 다름ㅎㅎ 역시 알리는 다 믿으면 안됨..^^ 이것도 어디 정품 키캡이 따로 있고 비슷하게 카피해서 파는건가.. 싶기도 한데 잘은 모르겠다. 나는 밝은 색상을 구매했다. 어느 하우징에나 잘 어울릴 것 같아서.^^ ..
- [웹스퀘어] 그리드 readonly 클릭 방지 그리드를 그릴 때 textarea를 쓰는 경우가 있음. 보통은 readonly를 주면 일반 input은 클릭방지가 되어있지만 textarea는 더블클릭시 수정모드로 인풋테두리가 생김 해결방법은 readonly가있는 컬럼에 showReadOnly="false" 를 붙여주면 됨. (아직 속성에 추가가 안되므로 코드로 넣어야 함)
썸네일1
- 레이니75 키맵핑 : 한자키 맵핑하기 한영키 맵핑은 여러번 해봤는데 특수문자를 쓸 일이 있어서 봤더니 한자키 맵핑을 안했다.나는 via설정 초보라서 길게 누르고 짧게누르고 이런건 잘 모르겠고그냥 Fn(펑션)키와 조합해서 쓰는걸로 지정했다. via 사이트 링크.https://usevia.app/ VIAYour keyboard's best friendusevia.app JSON파일 추가하는 방법은 다른 블로그에도 많으니여기서는 한자키 지정하는 법을 설명하겠다. 일단 다른블로그들을 보고 좌컨트롤 (LCtl)을 지정하면 한자키가 된다고 했는데나같은경우는 안됐음...ㅠㅠㅠ그래서 혹시나 하고 우컨트롤(RCtl)로 지정했더니 됐다. 상단에 LAYER라고 되어있는곳에 1을 클릭하면Fn키와 조합해서 쓸 수 있는 키가 보인다.나는 노란박스로 친 곳에 Fn 키..
- 메디큐브 M-CLUB 해지 방법 (2024 new) 1년 전 에이지알 부스터프로를 구매하느라 메디큐브 M-CLUB에 가입했었다.연회비 39,900원을 내고 혜택을 받는거였고1년 뒤 자동갱신으로 결제가 되는거라 그 기한이 다가오고 있어서 해지 방법을 찾아봄. 근데 블로그들 찾으면서 보니까 사이트가 바뀐건지 해지 메뉴가 안보임..!모바인만 못찾는건가 해서 PC사이트도 봤더니나의 쇼핑정보에 M-CLUB관련 메뉴가 없음...뭐지? 하고 한참 사이트를 뒤져봤더니 알게됐음.이제 유료 멤버쉽이 아니고 무료로 평생 M-CLUB이 된거였음. 이렇게 사이트에 M-CLUB 관련해서 안내가 있음. 나는 작년에 부스터 프로를 구매했었고 2024년 8월 1일 이전 회원이었으니까 NEW 엠클럽 대상이고 평생 무료회원임.고로 해지 할 필요가 없다는 말씀.결제 될 게 없음..!! 우..
- windows11에서 safari 사용하기 테스트를 하기 위해 사파리브라우저가 필요했다.windows11에서 safari 브라우저를 설치하려고 하는데애플에서 공식지원을 안하므로 예전 버전을 다운로드 해야 했음.구글에 검색했는데 다운로드 하면 안열리는게 많고 이상한 프로그램 다운로드 되고 ㅜㅜ그러다가 잘 되는 링크를 찾음. https://download.cnet.com/apple-safari/3001-2356_4-10697481.html?dt=internalDownload Thank you for downloading 2356_4-10697481 from CNET DownloadDownload.com © 2024 Download.com, a Ziff Davis company. All rights reserved.download.cnet.com 여기..
- [웹스퀘어] 페이지 설명 보이게 페이지 설명 추가하는 방법.1. Project > Properties 클릭 2. Websquare > W-Docs > 체크박스 체크 조금 기다리면 이렇게 설명이 짠~ 하고 나옴.
- 티스토리 공통 치환자 $는 삭제하고 넣어야 함. 블로그 정보[$##_title_##]: 블로그 제목[$##_image_##]: 블로그 대표 이미지 url[$##_blog_image_##]: 블로그 대표 이미지를 포함한 IMG 태그[$##_desc_##]: 블로그 설명[$##_blogger_##]: 블로그 소유자 닉네임블로그 URL[$##_blog_link_##]: 블로그 url[$##_rss_url_##]: rss feed 주소[$##_taglog_link_##]: 태그로그 url[$##_guestbook_link_##]: 방명록 url[$##_owner_url_##]: 블로그 설정 url/manage/entry/post : 글쓰기 url기타[$##_page_title_##]: 페이지 제목[$##_blog_menu_##]: ..
- 커스텀키보드 5탄 - 카일 박스 저소음 딥씨 프로 스위치 씽크웨이의 TV99가 출시 됐을 때가 막 새로운 키보드에 관심이 생길 때였다.레이니, 독거미, 다얼유 등등 많은 키보드를 찾아 보았고그 중에 씽크웨이 TV99도 많은 리뷰를 봤다.모두 하나같이 타건감이 너무 마음에 든다고 하고 저소음딥씨의 평가도 매우 좋았어서 궁금했었다.근데 99배열인 것도 조금 걸렸고.. 디자인이 내스타일이 아니었어서 굳이 그 가격을 주고 살 이유가 없다고 생각했다.한참 지나고 나서야 저소음스위치를 사야겠다 마음먹고 스위치라도 따로 구매할 수 있을까 하고 알리에 뒤적여봤는데..마침 같은 스위치를 따로 팔았다.중국사이트라서 이름이 다 동일하지는 않았지만 대충"카일 저소음 딥씨 프로"로 통하는 것 같았다.영어로는 Kailh Deep Sea Silent Box Switch. 또는 Hush..
썸네일2
- 네트워크 폴더공유 오류 "엑세스 권한이 없습니다" 해결 windows10 기준이고 11은 테스트해보지 않아서 안될수도 있습니다 ㅜㅜ컴퓨터가 2대라서.. 공유를 하려고 하는데아래처럼 네트워크도 잘 잡히고 폴더도 보이지만....폴더 클릭해서 내부를 보려고 하면...."엑세스 권한이 없습니다" 라고 나오면서 폴더를 열 수가 없었다..환장...ㅠㅠㅠ인터넷 뒤지고 권한 주고 생쇼를 다했는데도 ㅜㅜ 계속 돌아오는건 "엑세스 권한이 없습니다" 방화벽도 꺼보고.. 아래처럼 드라이브 우클릭해서 고급공유 들어갔더니권한도 Everyone으로 잘잡히고 모든 권한도 허용되어 있었다.인터넷을 찾아보고 별짓을 다해도 안됐다가..해결방법을 찾음..! 문제는 공유탭이 아니고 보안탭에서 Everyone 사용자가 없었던것임..아래 방법을 따라 해 보시고 잘 해결되길 바람..! 만약 여기서 ..
- document ready 를 순수 javascript로 jquery를 쓰지 않고 순수 javascript로 ready()를 대체하는 코드. document.addEventListener("DOMContentLoaded", function(){ // Handler when the DOM is fully loaded }); 참고로, $(document).ready(handler); 는 사용을 피하는 것이 좋다고 한다. 아래 글 참조. https://github.com/codepink/codepink.github.com/wiki/%EC%88%9C%EC%88%98-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%A1%9C-%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC-ready()-%EB%8..
- 커스텀키보드 5탄 - 카일 박스 저소음 딥씨 프로 스위치 씽크웨이의 TV99가 출시 됐을 때가 막 새로운 키보드에 관심이 생길 때였다.레이니, 독거미, 다얼유 등등 많은 키보드를 찾아 보았고그 중에 씽크웨이 TV99도 많은 리뷰를 봤다.모두 하나같이 타건감이 너무 마음에 든다고 하고 저소음딥씨의 평가도 매우 좋았어서 궁금했었다.근데 99배열인 것도 조금 걸렸고.. 디자인이 내스타일이 아니었어서 굳이 그 가격을 주고 살 이유가 없다고 생각했다.한참 지나고 나서야 저소음스위치를 사야겠다 마음먹고 스위치라도 따로 구매할 수 있을까 하고 알리에 뒤적여봤는데..마침 같은 스위치를 따로 팔았다.중국사이트라서 이름이 다 동일하지는 않았지만 대충"카일 저소음 딥씨 프로"로 통하는 것 같았다.영어로는 Kailh Deep Sea Silent Box Switch. 또는 Hush..
- [제이쿼리] 현재 스크롤값 가져오기(scroll) 코딩을 하다가 현재 스크롤 값을 가져오려고 스크립트를 짰는데 실시간이 아닌, 처음에 로딩했을때의 스크롤 값만 가져오고 변화가 없었다. (아래 코드를 사용함) $(document).scrollTop(); 그래서 찾고 찾다가, 실시간으로 가져오려면 .scroll() 함수가 필요하단 것을 알았다. $(window).scroll(function () { var scrollValue = $(document).scrollTop(); console.log(scrollValue); }); 이렇게하면, 실시간으로 현재 스크롤값이 log에 찍힘.
- [javascript] 브라우저 전체화면 스크립트 브라우저를 전체화면(풀스크린)으로 전환해주는 버튼 스크립트. 전체화면 버튼을 클릭하면 웹브라우저가 전체화면으로 변경되는 동시에, 창모드 버튼이 활성화 되고 전체화면 버튼은 비활성화 된다. 창모드를 버튼 클릭시 웹브라우저는 이전 크기로 돌아가며 전체화면 버튼이 활성화되고 창모드 버튼은 안보이게 된다. HTML 전체화면 창모드 CSS .close-fullscreen {display: none} javascript var doc = document.documentElement; // 전체화면 설정 function openFullScreenMode() { if (doc.requestFullscreen) doc.requestFullscreen(); else if (doc.webkitRequestFullscreen..
Comments