본문 바로가기

Lists # Lists ✖ out focus Fuzzy search 구현해놓음 : Fuzzy search 버튼이나 G 키 (G for Go to anything) 를 누르면 검색창 뜹니다. ESC 나 오른쪽 위 'x' 를 누르면 검색창이 닫힙니다. Fuzzy (흐릿한, 뿌연) search 가 어떤식으로 동작하는지는 쓰시면서 확인해 보시길... (뭐 장황한 설명보단 사용해 보시면서 느끼고, 익히시는게 더 이해가 잘 될듯 합니다. 음.. 한글 초성검색 및 한영 자동변환 검색도 구현해놓음.) Fuzzy search 버튼을 추가로 오른쪽 아래에 fix 시켜 놔야겠다. 스크롤 하다가도 검색할 수 있게. ###/ Fuzzy search 갤s 에서는 textarea 로 바꿔야 제대로 돌아가는듯? 갤s 에선 div conten.. 더보기
Learning Node.js # Learning Node.js Server-Side JavaScript 라 불리우는 Node.js 를 배워봅시다. JavaScript 언어 특성을 server 에 적용하면 무엇이 좋을까나? 무엇이 나쁠 수 있고? 간단하게나마 server 에 대해 알고 있어야 이해가 쉬울듯. PHP 같은 것으로라도 간단히 이런것에 대해 조금 이해해 놓는것이? 이거랑은 상관없나? Egoing 님 php 강의에서 server 가 어떤 데이터들을 보내고, client 가 어떤 데이터들을 보내고 받는지 등을 이야기한 동영상이 있었는데... 그것만 보고와서 Node.js 를 공부해도 조금 이해가 편할듯. ## PH 2016-04-11 : To SEE. 2014-05-22 : First posting. ## TOC ## 장단점 .. 더보기
Sturm-Liouville and Completeness Theory # Sturm-Liouville and Completeness Theory 테일러 전개나 FT (Fourier Transformation), FS (Fourier Series) 이 왜 가능할 수 있는지 이해하는데 필요한 이론. 특히나 왜 어느정도 전개한 다음 뒷부분을 무시해도 원래 함수를 그럴듯하게 묘사할 수 있는건지 이해하려면 필요. ## TOC ## Sturm-Liouville theory ### 특수식 형태로의 변형 모든 2차 선형 상미분 방정식 (the second order linear ordinary differential equation) 의 해를 예측할 수 있는 스투름-리우빌 이론에 대해 알아보자. 일반적인 2차 선형 상미분 방정식 (the second order linear ordinar.. 더보기
Vertical center align by CSS in HTML # Vertical center align by CSS in HTML HTML 의 div element 특성상 height 의 경우 child element 들의 height 가 다 계산이 되고 이것을 포함하는 식으로 height 가 정해져서 vertical align 한다는게 생각보다 쉽지가/간단하지가 않음. 그냥 단순하게 생각해보면 대충 이런 CSS 만 넣으면 세로 가운데 정렬이 될것 같지만 제대로 동작하지 않음. (이렇게 동작하도록 browser 들이 만들어줘도 될거 같은데 말이지 ㅡ..ㅡ) 아무튼 여러가지 방법들이 검색에 걸리긴 하는데 모든 browser 에서 제대로 동작하는 건 별로 없는듯? =ㅇ=;;; 찾기 힘들다. 우선 대충만 정리해놓고 나중에 다시 정리하겠음. ## TOC ## Using .. 더보기
Recoeve.net as a playlist of YouTubes and videos # Recoeve.net as a playlist of YouTubes and videos Recoeve.net can be used as a playlist of YouTubes and videos. ## PH ## TOC ## Example Click the button below, "Toggle reco list play". ## RRA Recoeve.net 더보기
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.. 더보기
실시간 HTTP 양방향 통신 (Web socket, Polling, Long-polling, and so on) # 실시간 HTTP 양방향 통신 (Web socket, Polling, Long-polling, and so on) 웹 페이지가 한번 로딩 된 이후에 서버에 새로운 데이터가 들어오거나 기존 데이터에 변화가 일어나서 이미 로딩이 끝난 사용자의 웹페이지에도 무언가 변화를 일으키고 싶을때도 있을텐데 이런걸 가능하게 해주는 방법에 대해 알아보자. "웹 페이지가 다시 로드되지 않고도 실시간으로 변동사항을 반영해 변화하게 하려면 어떻게 해야할까요. 이런 고민들은 의외로 많은 곳에서 만나게 됩니다. 웹에서 실시간 모니터링 도구를 만들어야 한다던가, 스포츠 실황중계처럼 매우 짧은 시간간격으로 변화하는 상황을 사용자에게 보여주어야만 하는 서비스를 만든다던가 할 때, 우리는 이와 같은 고민에 빠지게 됩니다. 함께 접속한 .. 더보기
Number to Hex string (16), and vice versa # Number to Hex string (16), and vice versa 숫자를 문자로 처리해야 할때랑, 문자로 쓰여진 숫자를 숫자데이터 형태로 바꿔야 할때가 많은데... 이런게 많을경우, 추가로 사람이 굳이 읽을 필요가 없는 경우, Hex (16진수) 로 다루면 처리속도가 조금이나마 향상될거라 생각되므로 정리해봄. ## TOC ## In JAVA ```[.linenums.lang-java] long yourNumber=0x2aff; // 11007 (10진수) String hexString=Long.toHexString(yourNumber); // for unsigned String hexString=Long.toString(yourNumber, 16); String yourHexString="2.. 더보기