본문 바로가기

[IT/Programming]

HTML docuK format ver. 2.3 (2022-12-26) HTML docuK format ver. 2.3 (2022-12-26) 개인적으로 만들고 있는 LaTeX 비슷한 형태의 HTML document format + JavaScript. 이름은 그냥 docuK로 'document designed by kipid'란 뜻. This is an HTML document format named docuK which is rendered by JavaScript, jQuery, MathJax, and google code prettifier. Specific features are changable mode/font, resizable font-size/line-height, table of contents, auto numbering of sections/figur.. 더보기
인터넷, Web, HTML, 블로그에서 수식 사용하기 (Equation or math in HTML, blog) 인터넷, Web, HTML, 블로그에서 수식 사용하기 (Equation or math in HTML, blog) 블로그에 물리/수학 관련 이야기를 쓰면서 수식 쓸 일이 많았는데, 해결 방법을 찾았다. 아래아한글 (hwp), MS-word도 수식입력기를 지원하지만, 복사와 편집이 쉬운 plain text 형태의 LaTeX 수식이 갑인듯 하다. 입력 방법에는 대략 아래와 같은 방법들이 있다. 각자 편할데로 골라잡자. 윈도우에서는 (Windows 7부터인가?) 손글씨로 입력한 수식도 인식하고 디지털화 해주는 수식입력기 (Math Panel Input) 도 기본 프로그램으로 제공한다. 이런 프로그램은 대체 어떻게 짠건지... 후덜덜;; Tablet PC가 대중화되면서 많은 사람들이 이용하기 시작할듯? 손으로 쓸.. 더보기
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.. 더보기
Vert.x 로 https (SSL/TLS) server 만들기 # Vert.x 로 https (SSL/TLS) server 만들기 Vertx 로 secure server 인 https (SSL/TLS) server 를 만들어 봅시다. ## TOC ## keytool .jks 우선 RSA key 를 만들어 줘야 하는데... 명령어는 다음과 같다. 윈도우 cmd 에서 다음과 같은 명령어를 입력하자. ```[.linenums] C:\Recoeve> keytool -genkeypair -alias recoeve.net -keyalg RSA -keysize 2048 -keystore recoeve.jks -validity 3650 // 실행하면 다음과 같이 뜸. Enter keystore password: Re-enter new password: What is your fi.. 더보기
인스타그램 (Instagram) 퍼오는 법 # 인스타그램 (Instagram) 퍼오는 법인스타그램 (Instagram) 퍼오기. embed 나 iframe tag 로 퍼올 수 있는듯?기본 url 에서 "/embed" 추가해야만 퍼와지는듯. 이것만 CSP (Content Security Policy) 를 외부에 열어둔듯한.## TOC## 다음과 같이 /p/post-id/ 형태의 URL 에 embed 를 추가하면 iframe 으로 퍼올 수 있음 .```[.lang-html]```/ ## embed tag 도 비슷함.```[.lang-html]```/ Comment 는 따로 글을 긁어서 퍼와야 할듯?## embed instagram feed/userpage.. 더보기
imgur - Embed album # imgur - Embed album 앨범 만들어 놓으면 아래와 같이 embeding 할 수 있는 API 를 제공하긴 하는구나. CSS max-width:100% 같은거는 안먹혀서 responsible web 으로 만들긴 힘든듯도? 스마트폰에서 접속하면 parsing/rendering 이 다른식으로 이루어 질래나? 처음 로딩할때 width 체크해서 적당하게 만들어주긴 하는듯? ## TOC ## Embed imgur album 아무튼 코드는 아래와 같고. ```[.linenums.lang-html] HARAGU ```/ blockquote 부분에 아래와 같이 나타남. HARAGU ## Recoeve.net 이용. 제가 만든 사이트 이용하기. URL 주소가 .jpg, .png, .gif 등 image fi.. 더보기
SNS 내보내기/공유하기 (Sharing a URI link through SNS) # SNS 내보내기/공유하기 (Sharing a URI link through SNS) 카카오톡, 라인, Google+, Pinterest 등등 공유하기 기능이 여러 SNS 에서 지원되는거 같지만, 트위터 (Twitter) 랑 페이스북 (Facebook) 빼고는 다들 잘 안쓰니 두개만 우선 정리. 나머지는 에서 참고하시길. DocuK 에서도 구현해서 넣어놨음. 왼쪽 위랑 문서 제일 아래쪽에 삽입되도록. Pop-up 으로 하는것보다 그냥 새 창 띄우는게 내 취향이라, 새 창 띄우는 방식으로 동작. (Iframe pop-in 이 되면 이걸로 하고 싶긴한데, iframe 을 다들 막아서 불가능함.) ## TOC ## Twitter (트위터) 트위터는 https://twitter.com/intent/tweet .. 더보기