본문 바로가기

[IT/Programming]

트위터 트윗 퍼오기 (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는 다음과 같음 . (그런데 페이스북.. 더보기
기계 학습 (Machine Learning - Deep Learning) # 기계 학습 (Machine Learning - Deep Learning) 공부 및 정리 중. 우선 ref 들만 정리식으로. "Machine learning is the science of getting computers to act without being explicitly programmed." 라고 하는데... not explicitly programmed 가 어떤 의미인지 천천히 살펴봅시다. 어차피 프로그래밍 된 대로만 돌아갈텐데 explicitly 가 뭔 차이인지는... 아마도 데이터를 쌓으면서 학습 (learning) 을 하고 그 학습 데이터를 바탕으로 돌아가는 알고리즘을 말하는듯? 즉, 학습하는 알고리즘 (Machine이니 학습한다기 보단 데이터를 분석해서 저장한다는 개념, 데이터가 더 .. 더보기
정렬법 (Sorting Algorithm) # 정렬법 (Sorting Algorithm) 아래는 정렬 알고리즘들의 시각화 (sorting visualization) 영상. 뭐 정렬 (sorting) 이야 아무 알고리즘이나 써서 결과만 나오면 된다고 생각할수도 있겠지만, data가 수백만개 수억개라면 빠르게 정렬하는 효율적인 알고리즘을 쓰는것이 무척 중요해진다. 대부분 효율적인 알고리즘은 O(n \log n) 시간내에 정렬을 끝내주는데, 상황에 따라 (ex: 이미 충분히 정렬이 된 data를 정렬할때) 이것보다 빨리 정렬이 끝나는 경우도 있다. O(n^2) 시간이 걸리는 비효율적인 정렬법도 있고, 정렬될때까지 random하게 shuffle해서 정렬하는 변태같은 bogo sort 같은것도 있다. 데이터의 분포도를 정확히 알수록 O(n) 에 정렬하는 .. 더보기
Open AI chatbot ChatGPT 가 신 (GOD) 이 될 수 있을까? # Open AI chatbot ChatGPT 가 신 (GOD) 이 될 수 있을까? OpenAI 의 generative pre-training (GPT) of a language model 에게 신이 되어 보라고 말해 봄ㅋ. 영화에서도 AI 가 신처럼 된 설정을 본거 같아서... ## TOC ## Be a GOD. kipid: Be a God. I'm sorry, I am an AI language model created by OpenAI and do not have the ability to be a deity. I exist to assist with generating human-like text based on the input provided to me. kipid: Just do it. I .. 더보기
Learning Vert.x # Learning Vert.x Vert.x 를 배워봅시다. (version 3.0.0 이 나오면서 뭔가 많이 바뀐듯?) 가장 비슷한 server-side 언어가 node.js 일듯? Vert.x 자체가 node.js 로부터 영향을 받은 프로젝트이기 때문에 node.js 의 많은 장점들을 가져와서 구현했을듯. JVM (Java Vertual Machine) 에서 돌아가기 때문에 "Java, JavaScript, Python, Groovy, Scala" 등 node.js 보다 다양한 언어가 지원된다고. 이런걸 polyglot (여러 언어를 말하는) 특성이라고 하는듯. 그래도 기본적으로 Java 로 돌아가는 놈이라 다른언어로 작성했을때도 vertx 의 모든 기능 및 장점을 사용할 수 있을지는 잘 모르겠음. .. 더보기
HTML docuK format ver. 2.1, short copiable version (2023-05-30) HTML docuK format ver. 2.1 short copiable version (2014-06-25) 개인적으로 만들고 있는 LaTeX 비슷한 형태의 HTML document format + JavaScript. 이름은 그냥 docuK로 'document designed by kipid'란 뜻. When you write the HTML document including docuK document also, using good editors such as Sublime Text editor with Emmet (ex-Zen Coding) package installed is highly recommended. Try useful shortkeys 'Ctrl+D' (Multiple Selecti.. 더보기
Interactive graph and chart in HTML # Interactive graph and chart in HTML (Highcharts.js and Chart.js) HTML 의 canvas tag 배워서 그리는거랑, 이런 open source js 공부해서 적용해서 그리는거랑 그닥 노력대비 효과 보는게 비슷비슷할듯도 한데... 그래도 당장은 js 있는거 써서 그리는게 더 보긴 깔끔하니 배워봅시다. ## PH 2023-03-10: To SEE. 2017-07-31: 더 정리. 2014-06-12: docuK upgrade. 2014-??-??: First Posting. ## TOC ## Highcharts.com 참조 . ### Line Chart - Basic Line Monthly Average Temperature (Source: WorldC.. 더보기

티스토리툴바