본문 바로가기

[IT/Programming]/HTML related

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는 다음과 같음 . (그런데 페이스북.. 더보기
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.. 더보기
robots.txt 랑 sitemap.xml 설정하기 # robots.txt 랑 sitemap.xml 설정하기 검색 엔진에게 사이트 어떻게 검색에 잡히게 하고 싶은지 통보해주는 robotx.txt 랑 sitemap.xml 설정하기. ## PH 2023-03-09 : First posting. ## TOC ## robots.txt ``` User-agent: * Allow: / ```/ ## sitemap.xml ```[.linenums.lang-html] This XML file does not appear to have any style information associated with it. The document tree is shown below. https://kipid.tistory.com 2023-03-09T09:01:46+09:00 1.0 h.. 더보기
LaTeX/Special Characters # LaTeX/Special Characters ## TOC ## Special characters \check{I} : \check{I} $\acute{J}$ : \acute{J} $\grave{K}$ : \grave{K} $\vec{u}, \vec{AB}$ : \vec{u}, \vec{AB} $\overrightarrow{u}, \overrightarrow{AB}$ : \overrightarrow{u}, \overrightarrow{AB} $\bar{z}$ : \bar{z} $\hat{x}$ : \hat{x} $\tilde{x}$ : \tilde{x} $\dot{x}, \ddot{x}, \dddot{x}$ : \dot{x}, \ddot{x}, \dddot{x} $\mathring{A}$ : \math.. 더보기
Change browser URL (window.location) without reloading or redirecting a page # Change browser URL or URI (window.location, Unique Resource Identifier) without reloading or redirecting a page 페이지를 일부만 바꾸고 싶을때, 혹은 JavaScript 변수들/데이터들을 유지하고 싶을때, 주로 AJAX request 를 이용한다. 그런데 사용자에게 일부가 바뀐 이 페이지의 주소는 이것이다라고 알려주고 다른 사람들과 공유하기 편하게 하려면, 바뀐 페이지에 바로 접속할 수 있는 주소로 URL (window.location) 이 바뀌어주는 것이 좋아보인다. 물론 이 주소로 접속을 하면 서버에서는 그 바뀐 페이지를 다시 보여주도록 디자인되어야 할테고. 인스타그램, 페이스북, GitHub 등의 사이트들에서.. 더보기
How can I block MathJax.js to render texts enclosed by backtick ``? # How can I block MathJax.js to render texts enclosed by backtick ``? 구글로 검색해보고 , ChatGPT 에게 물어본걸 좀 더 정리함. 정리하는건 사람이/내가 더 나은듯? AI 도 뭐 별거 없어서 ㅡ,.ㅡ;; ## TOC ## Google search (Feat. stackoverflow) 구글 검색에서 뜬 건 . 좀 공부를 해야하고 긴 글을 정독해야 하지만 ref 도 잘 달아주고 해서 좋음. 아주 간단하게는 바로 아래처럼 MathJax.js 를 load 했던걸, ```[.lang-html] ```/ 아래와 같이 바꿔주면 된다는듯. (That will be faster as well as it is a smaller file.) ```[.lang-h.. 더보기
Learning PHP # Learning PHP PHP (PHP Hypertext Preprocessor, though originally it was Personal Home Page Tools) 를 배워봅시다. 꽤나 역사가 있는 언어인만큼 (since 1995) tutorial page들도 많고, 잘 정립되어 있는듯. ## TOC ## RRA Official PHP.net (PHP Hypertext Preprocessor); and PHP Manual Tutorials Open Tutorials.org - PHP 기본 수업; and PHP 고급 수업; and PHP 소셜 프로그래밍 w3 Schools.com - PHP Tutorial Competition with other server-side languages Tech.. 더보기
Learning Play Framework # Learning Play Framework Play도 요즘 주목받는 server-side 언어인듯? 2009년쯤에 만들어졌고 Scala, Java 언어로 짤 수 있고... 좀 공부해봐야 알듯. Vert.x랑 비교해서 어떤게 좋을라나? 국내에는 Play 관련 포스팅이 거의 없는듯도. ## PH 2014-07-29: First posting. ## TOC ## RRA Official Play Framework.com/ Related posts iam1492.tistory.com - Play framework으로 블로그 개발하기 (1) - Starting up the project, 2012-03-02 // 설명 글. 6개의 포스팅이 있음. Outsider's Dev Story - Play framewor.. 더보기

티스토리툴바