본문 바로가기

[IT/Programming]

Formatting the lyrics to Recoeve.net style (genius.com) # Formatting the lyrics to Recoeve.net style (genius.com) 3줄 이상 띄어진 부분들이 다 2줄로 맞춰지고 You might also like 부분이 삭제되고, 앞쪽에 #lyrics 가 추가 됨. (All unicode whitespace 도 그냥 space 로 치환 됨.) 즉 genius.com 이나 bugs 같은 곳에서 가사를 copy and paste (복사 붙이기 | 복붙) 한 뒤 Formatting 버튼이나 Ctrl+Enter 누르면 됨. ## PH 2023-10-29 : First posting. ## TOC ## Formatting Formatting (Shift+Enter) ## RRA https://genius.com/ https://music... 더보기
Retrieving the title and singer from Spotify # Retrieving the title and singer from Spotify Anti-HeroTaylor Swift Get the title and singer 더보기
카카오톡 채널 광고 차단하는 법 # 카카오톡 채널 광고 차단하는 법 가끔 내가 동의한적도 없는거 같은 채널에서 나에게 메세지를 보내는 경우가 있는데, 이 경우 다시 메세지를 보내지 못하게 하기위해 차단하는 방법에 대해 알아 봅시다. ## PH 2023-10-27 : First posting. ## TOC ## 엄청나게 쏟아지는 카카오톡 채널 광고들. 채널을 추가하지 않았는데도 쏟아지는 광고성 메세지들. ## 주소록에서 채널 검색을 통해 차단하는 방법. 우선 주소록으로 이동. 우선 주소록으로 이동. 검색 버튼 클릭. 카카오메이커스 검색. 채널이 추가되어 있다는 표시로 노란색이 아닌 회색빛으로 Ch (Channel? Chat? 채널? 채팅?) 이 표시되어 있음. 333만명에게 광고성 메세지를 뿌리고 있는 카카오메이커스. 회색 Ch 버튼을 .. 더보기
Implementing multicursor like sublime text Ctrl+D in HTML javascript textarea # Implementing multicursor like sublime text Ctrl+D in HTML javascript textarea 작성중인 글... 구현하기 쉽진 않은거 같네;;;;; 뭐 급한건 아니니 천천히 시도해 봐야지. 그런데 javascript 에서 multi selection 을 지원해 주긴 하나? 안해주면 짜기 엄청 복잡해질것도 같은데 ㅠㅜ; ## PH 2023-06-27 : First posting. ## TOC ## textarea with id="myTextarea" textarea 에서는 span tag 가 안먹혀서 이걸로는 구현 못할것도 같은데... ## div with contenteditable and id="myDiv" div with contenteditable 에.. 더보기
Javascript (자바스크립트): async 와 await # Javascript (자바스크립트): async 와 await 우선 단어 뜻부터. asynchronous: 동시에 일어나지 않는, 비동시적인, 비동기의. await: 기다리고 있다. 보통 javascript code 는 동시 다발적으로 (synchronous 하게) 실행되는데, 즉 코드가 적힌 순서대로 처리하는게 아니라 HTTP 요청을 보냈다가 숫자들 계산했다가 HTTP 답변이 왔으면 계산하다가 멈추고 HTTP 답변받은걸 처리했다가 문자열 띄우기도 했다가 alert 보냈다가 하는 식으로 말이다. 그렇기에 순서적으로 실행되어야 제대로 동작하는 코드가 있으면, 즉 HTTP 요청 ($.ajax, fetch 등) 후 데이터를 받아서 그 받은 데이터 가지고 화면에 표시해야 하는 작업이 있으면 그냥 javasc.. 더보기
Neighbors points plot plan (svg) # Neighbors points plot plan (svg) 이웃들의 점수들을 similarity weight 줘서 그려주는 법 svg 로 공부하는 중. ## PH 2023-09-09: First posting. ## RRA www.w3schools.com :: SVG Tutorial Google docu - spreadsheet :: Recos and Statistics ## TOC ## Plot Example 각종 numbers 출처: . 100/23=4.347826087 4.347826087*3=13.04347826 4.347826087*21=91.30434783 0 1 2 3 4 5 6 7 8 9 10 52.38 ```[.linenums.lang-html] 0 1 2 3 4 5 6 7 8 9 1.. 더보기
트위터 트윗 퍼오기 (Embedding Twitter Tweet) # 트위터 트윗 퍼오기 (Embedding Twitter Tweet) 트위터 글 (twitter tweet) 을 퍼오는 (embed) 하는 방법이다. 뭐 방법은 간단한데, javascript 가 먹히는 사이트에서만 쓸 수 있을듯. 트위터 웹페이지에 가면 "답글, 리트윗, 관심글 담기" (Reply, Retweeted, Favorite) 옆에 더 보기 (More) 가 있고 이것을 클릭하면 "트윗 담아가기" (Embed tweet) 가 보인다. 그러면 아래와 같은 javascript link 가 들어간 html code 를 준다. 이걸 원하는 곳에 붙여넣으면 "답글, 리트윗, 관심글"도 작동하는 트윗이 퍼가진다. 각종 옵션들도 설정할수 있는듯하니 reference 가서 더 공부해 보시길. ## TOC ## .. 더보기
한글 초성검색 in Javascript # 한글 초성검색 in Javascript 한글의 위대함을 한껏 활용하기 위해 초성검색을 구현해 봅시다. 문서 오른쪽 위의 Fuzzy search 버튼을 누르시면, 초성검색 (엄밀히는 fuzzy search 이지만) 구현이 어떻게 되어 있는지 아실 수 있습니다. ## TOC ## 한글 Encoding in Javascript 자바스크립트의 문자열은 내부적으로 16비트 유니코드로 처리 . 유니코드에서 한글은 코드값 OxAC00부터 시작하며, 초성 19 / 중성 21 / 종성 28 개의 조합 순으로 코드가 배열. 유니코드에 대한 공식 설명은 에서... 초성, 중성, 종성의 자모 순서는 에서... (Hangul Syllables 부분에 한글 음절에 대한 유니코드표) Hangul Array 초성 "ㄱ", "ㄲ".. 더보기
<link ref="canonical" href="..." /> 설정하기 (DISQUS config 활용) # 설정하기 (DISQUS config 활용) setting by using DISQUS config (window.disqus_config function). For SEO (Search Engine Optimization), link ref="canonical" tag is important . 출처: :: When you have several choices for a product’s URL, canonicalization is the process of picking one of them. Luckily, it will be obvious in many cases: one URL will be a better choice than the others. But in some cases, it mi.. 더보기
Mouse click 들 (left, right, wheel, wheel up, wheel down, back, forward) 구분해내기 # Mouse click 들 (left, right, wheel, wheel up, wheel down, back, forward) 구분해내기 ## PH 2023-10-24 : First posting. ## TOC ## Test Click me Result Wheel click 으로 새창이 안열리게 하려면 a tag 의 href 를 제거해주면 됨. ## Code ```[.linenums.lang-html] Click me Result ```/ ## RRA kipid's blog :: HTML a href tag with onclick return kipid's blog :: HTML event handler kipid's blog :: Specific event handler on HTML elemen.. 더보기
틱톡 (TikTok) | weverse.io 퍼오는 법 # 틱톡 (TikTok) | weverse.io 퍼오는 법 천천히 정리할 예정. ## PH 2023-09-18 : First posting. ## TOC ## 틱톡 (TikTok) 링크: https://www.tiktok.com/@hxxax__/video/7279098301746613511 ```[.linenums.lang-html] @hxxax__ 혜안 몰리와 띵띵땅땅 댄스 ♬ 오리지널 사운드 - 혜안 ```/ @hxxax__ 혜안 몰리와 띵띵땅땅 댄스 ♬ 오리지널 사운드 - 혜안 ### https://vt.tiktok.com/(\w+)/ 형태의 URI 일 경우. 이건 web client 를 돌리는 경우에만 iframe 형태의 Full URI 로 뽑아낼 수 있는거 같음. 아래는 FullURI 끄집어내는.. 더보기
댓글 플러그인 | 위젯 (SNS comment plug-in | widget) # 댓글 플러그인 | 위젯 (SNS comment plug-in | widget) - Facebook, DISQUS SNS 에서 댓글 위젯을 제공해주는 경우가 많음. 뭐 직접 제공해주는 것은 아니더라도 뭔가 API 같은건 공개해줘서 다른 사람이 댓글 위젯을 만들 수 있게 해준듯. 댓글에서 MathJax 수식 댓글 테스트 하려고 수식 \sum_i 하나 넣음. 댓글에서 수식을 쓰려면 Latex 형태의 수식을 다음과 같이 enclose 해서 넣으면 됨 . :: \( inline math \), \[ outline math \]. ## PH 2015-12-17 : To SEE. ? : First posting. ## TOC ## Facebook comment test Code는 다음과 같음 . (그런데 페이스북.. 더보기

티스토리툴바