본문 바로가기

[IT/Programming]

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.. 더보기
Web site - 다국어 지원 (multi-language support) # Web site - 다국어 지원 (multi-language support) 다국어를 지원하는 여러 방법들이 있는거 같긴한데... 내가 다루기 편한 형태로서 다국어 지원하려고 다음과 같은 JAVA class 들을 만듬. ## PH 2016-01-29 : First posting. ## TOC ## class FileMap ```[.linenums.scrollable] package recoeve.db; import java.lang.StringBuilder; import java.util.Set; import java.util.HashSet; import java.util.ArrayList; import java.util.Map; import java.util.HashMap; import java.u.. 더보기
Compiling and Running JAVA (Build System) through batch (.bat) and shell script (.sh) # Compiling and Running JAVA (Build System) through batch (.bat) and shell script (.sh) Windows 에서는 batch (.bat) file 로 Mac/Unix/Linux 에서는 shell script (.sh) file 로 JAVA file 을 compile 하고 run/execute 시키는 방법. 특히나 package 가 있고 import 가 있는 java 파일을 자동으로 컴파일하고, class 파일은 따로 클래스 폴더에 넣고 그 클래스 폴더의 class 파일을 자동으로 잘 찾아서 실행시키도록 디자인. 자바 까는 법은 참고. ## TOC ## Windows ### batch file (runJava.bat) 관리자 권한으로 JAVA.. 더보기
Netflix iframe 으로 퍼오기. # Netflix iframe 으로 퍼오기. Netflix 도 유튜브처럼 iframe 으로 퍼오는게 가능한지 테스트. ```[.lang-html] ```/ iframe 설정 X-Frame-Options set to deny 때문에 안되는듯? 더보기
실시간 HTTP 양방향 통신 (Web socket, Polling, Long-polling, and so on) # 실시간 HTTP 양방향 통신 (Web socket, Polling, Long-polling, and so on) 웹 페이지가 한번 로딩 된 이후에 서버에 새로운 데이터가 들어오거나 기존 데이터에 변화가 일어나서 이미 로딩이 끝난 사용자의 웹페이지에도 무언가 변화를 일으키고 싶을때도 있을텐데 이런걸 가능하게 해주는 방법에 대해 알아보자. "웹 페이지가 다시 로드되지 않고도 실시간으로 변동사항을 반영해 변화하게 하려면 어떻게 해야할까요. 이런 고민들은 의외로 많은 곳에서 만나게 됩니다. 웹에서 실시간 모니터링 도구를 만들어야 한다던가, 스포츠 실황중계처럼 매우 짧은 시간간격으로 변화하는 상황을 사용자에게 보여주어야만 하는 서비스를 만든다던가 할 때, 우리는 이와 같은 고민에 빠지게 됩니다. 함께 접속한 .. 더보기
Specific event handler on HTML element? # Specific event handler on HTML element? How to check whether a specific event handler is bound/asigned to a HTML element or not. (Testing jQuery on/off/trigger) jQuery on/off/trigger 명령어 사용하면서 "이미 element 에 handler 가 붙어있는지 아닌지 어떻게 알아낼 수 있지?" 등이 궁금해서 정리하는 글. ## TOC ## jQuery on/off/trigger HTML element 의 event handler 를 다루는 방법 중 jQuery 의 on/off/trigger 사용하는게 가장 깔끔한 방법이라고 생각. 코드도 이해하기 쉽게 디자인 되어있.. 더보기
Number and Bit operations in JAVA and Javascript # Number and Bit operations in JAVA and Javascript JAVA 에는 unsinged number type 이 따로 없는듯 하고. Javascript 에서는 data type 자체가 없음. Javascript 는 이런 data type 을 알아서 대부분 처리해주기 때문에 편한면이 많긴한데, 실제 operator (+, -, *, /, and bit operations) 들이 어떻게 구체적으로 동작하는지를 알아내기가 힘들다는 점도 있는듯. ## TOC ## string.charCodeAt(index) and String.fromCharCode(int) in Javascript JAVA 에서는 str.codePointAt(int i) and String.valueOf(in.. 더보기
여러가지 글꼴 테스트 (Font test) Font Test in HTML HTML에서 여러가지 Font testing. Table of Contents Which font-size is the best among "px", "mm", "pt", "em", "%" 아래 div를 감싸고 있는 parent div의 font-size를 10px로 해놨음. (style="font:10px/1.6 '맑은 고딕'") 굳이 10px로 정한 이유는 child div들(+다른 child tag들)의 font-size를 em(혹은 %)로 표시할거라서 계산 상 편의를 위함임. 보통 em을 쓰는 것이 권장되는 방법이라고 함. 즉 font-size를 정할 때 (px, cm/mm, pt)보다 %나 em을 쓸 것을 더 권장함. Parent의 font-size 기준으로 일관.. 더보기
HTML 가로 Slide 구현하기 # HTML 가로 Slide 구현하기 다음이나 네이버 메인 페이지의 가로 slide 들이랑, 사진 가로 slide 들을 어떻게 구현할 수 있는지 궁금해서 알아보는 중. 똑똑하게 scroll 동작을 인식해서 가로 slide 를 바꿔주는게 필요한듯. CSS 를 어떻게 해줘야 하는지가 조금 헷갈리고... ## TOC ## 사진 가로 slide ## rolling, flexible, counter content 1 content 2 content 3 content 4 prev next current : 2, total : 4 ## limit, page:2, speed:300 content 1 content 2 content 3 content 4 prev next ## multiple, view:3, limit .. 더보기
HTML event handler # HTML event handler HTML event handler. Javascript/jQuery 로 HTML 에서 일어나는 여러가지 event 들을 처리해서 interactive 한 페이지를 만들 수 있음. 그런데 헷갈리는 것들이 많고, 어떤 event 들이 있는지도 다 기억하기 힘들어서 정리하는 중. ## PH 2016-02-01 : Smart phone touch event 관련 정리. 2015-12-10 : 조금 더 정리. 2014? : First posting. ## TOC ## Mouse and Touch event ### On click event (getting event position) ```[#mouse-event-result.scrollable] mouse-event-resu.. 더보기
Javascript namespace or encapsulation Javascript namespace or encapsulation C, C#, C++, JAVA 등 에서의 "namespace, private variable, private method" 같은 효과들을 javascript에서 어떻게 비슷하게나마 구현할 수 있는지에 관한 이야기. (자세한 정리는 에서 보시길. 제대로 정리하기가 귀찮아서 -ㅇ-;;; 하더라도 천천히 나중에나 할듯.) (예전에 공부하면서 그냥 대충만 정리해 놓은것들이라;;; 여기선 정말 대충, 엉터리로 정리해놨으니 reference들 참고해서 공부하세요.) Closure란 특성을 이용하는 것인데... Garbage collection과도 관련이 있고... Closure란 단어가 너무 추상적인듯도... closure 특성이라고 많이들 이야기.. 더보기
움직이는 사진 gif 만들기 (GifCam.exe) # 움직이는 사진 gif 만들기 (GifCam.exe) 예전에 움직이는 사진 (gif 이미지) 만들고 싶어서, +어떻게 만드는지 궁금해서 검색해봤을때는 포토샾을 사용해야 한다던지 하는 어려운 방법밖에 못찾았어서 귀찮고, 배우기 힘들어서 그만뒀었는데, 최근에 gifCam 이라고 가볍고 사용법이 간단한 프로그램을 찾아서 정리 및 홍보하려고 글 작성. 꿀캠 (Honey cam) 이란 프로그램도 있었구나 . 이건 오래된 프로그램 같은데 왜 예전에 검색할때 못찾았을까나;;; 이건 WebM, WebP 영상 (gif 랑 비슷하지만 img 가 아니라 video. 용량면에서 1/10 정도라는듯? 그런데 다른 video format 도 gif 비해서는 1/10 정도 아닌가??? 이걸 잘 모르겄네;ㅋ 소리없는 영상들도 gi.. 더보기

티스토리툴바