본문 바로가기

[IT/Programming]

인터넷에서 예쁘게 코드 입력하기 (google code prettify) 인터넷에서 예쁘게 코드 입력하기 (Syntax Highlighter - google code prettify) 뭐 여러가지 js가 있는거 같긴한데 개인적으론 이거 쓰면서 만족하고 있음. Google 직원이 만들었으니 잘 만들었겠지. 뭔가 에러처리 (잘 안생길거 같은 에러들도 이것저것 처리를 해놓은듯) 를 잘해놔서 코드가 복잡하긴한데, 잘 돌아감. 상당히 빠른거 같고. HTML에서 약속된 문법들은 escape해줘야 제대로 표현됨. 예를 들면 { < : < }, { > : > }, { & : & } 같은 것들. 'less than', 'greater than', 'ampersand'의 약자일듯. JavaScript - String - replace(RegExp, txt) method 쓰면 편함. 하지만 여전.. 더보기
Citing the references automatically in HTML (like LaTeX) Citing the references automatically in HTML (like LaTeX) I cite the first ref . And citing the second , I cite finally the third one . There could be more than one cite in the article . You can check those references. web:, ref2:. kipids:, no:, unknown:. Bubble reference which is cited manually: [01] Ref. [01] This is a manual reference. So this is not listed below in Reference section. On mouse.. 더보기
LaTeX(라텍스, 레이텍) 소개 및 설명서(Guide)들 LaTeX(라텍스, 레이텍) 소개 및 설명서(Guide)들 LaTeX가 장단점이 있긴한데... 내가 볼땐 단점이 훨씬 더 많은거 같음. 이제는 점점 인터넷 기반 문서 편집기(word)가 대세가 될거 같은데.. 그 후보군중 가장 유력한 것이 LaTeX 같긴 함. 하지만 접근성을 높이려면 많은 수정이 필요할 듯. HTML(인터넷)과의 연계를 높이는 word(문서 편집기)가 최종적으로 살아남을 것이라고 봄. HTML5가 곧 그 역활을 할지도? HTML을 고치느냐, LaTeX, MS Word, 한글 등을 고치느냐의 싸움인데... 둘 다 적절히 고쳐서 연계시켜 나갈듯??? Mark-up language랑 WYSIWYG(What you see is what you get)랑 잘 섞여들어가야 할거 같은데, 왜 아무도.. 더보기
한국 IT의 미래 한국 IT의 미래 재밌게 본 유익한 글들만 몇 개 모아봄. 뭐 이런 글들은 그냥 트위터에서 공유하고 리트윗하고 마는데, 곧 IT업계로 뛰어들 거 같아서;;; 정리해 놓으면 방향 잡는데 도움이 될까하고, 정리한김에 포스팅. 뭐 국내 시장만을 목표로 하는 IT업체에 들어가고(or 창업하고) 싶지는 않지만, 시작은 국내기반일 경우가 크고 큰 그림으로 볼 때 궁극적으로 어떻게 좋은 생태계를 만들어야 할까도 고민해야 할거 같아서... 과연 어떻게 변화할지, 어떻게 변화해야하는지. References and Related Articles 조성문의 실리콘밸리 이야기 - 한국 인터넷에서 잘못 끼워진 첫 단추, 그 이름은 네이버 (NAVER), 2010-03-21, by 조성문.; 최근에도 계속 읽히고 업데이트 되고 있.. 더보기
CSS3 examples CSS3 examples css animation으로 구글 검색하면 많은 example들을 찾을 수 있음. 3D는 무거워서 css3 animation 쓰는게 그닥 좋아보이지는 않음. 그래도... 음....... transition 이런건 좋은듯? http://www.carnationgroup.com/ 이 사이트처럼? References and Related Articles w3schools - css3 animations webdesignerwall.com - 47 Amazing CSS3 Animation Demos (놀라운 CSS3 애니메이션 데모 47개), 2010-02-03 Webstoryboy's blog - 플래시를 능가하는 HTML5/CSS3 16가지 사이트, 2012-06-12 더보기
괜찮은 에디터들 소개 및 추천 (Introducing/Recommending good code editors) # 괜찮은 에디터들 소개 및 추천 (Introducing/Recommending good code editors) 간단한 소개만 작성. ## PH 2015-12-14 : To SEE. 내용 더 추가 및 정리. 2014-06-24 : First posting. (더 전에 작성한거 같기도 한데, 대충 이 근처일거임. Atom 나왔다는 소식듣고 바로 작성했나? 그 이전에 sublime text 써보고 너무 괜찮았어서 작성했나?) ## TOC ## Sublime Text 구글 출신 개발자가 만든 멋있는 에디터 . (이거 제대로 만들려고 구글은 퇴사한듯 함. 2008년에 version 1 이 나온듯? Jon Skinner left his job as a software engineer at Google in or.. 더보기
한글 초성검색 in Javascript # 한글 초성검색 in Javascript 한글의 위대함을 한껏 활용하기 위해 초성검색을 구현해 봅시다. ## TOC ## 한글 Encoding in Javascript 자바스크립트의 문자열은 내부적으로 16비트 유니코드로 처리 . 유니코드에서 한글은 코드값 OxAC00부터 시작하며, 초성 19 / 중성 21 / 종성 28 개의 조합 순으로 코드가 배열. 유니코드에 대한 공식 설명은 에서... 초성, 중성, 종성의 자모 순서는 에서... (Hangul Syllables 부분에 한글 음절에 대한 유니코드표) Hangul Array 초성 "ㄱ", "ㄲ", "ㄴ", "ㄷ", "ㄸ", "ㄹ", "ㅁ", "ㅂ", "ㅃ", "ㅅ", "ㅆ", "ㅇ", "ㅈ", "ㅉ", "ㅊ", "ㅋ", "ㅌ", "ㅍ", "ㅎ" 중성.. 더보기
댓글 플러그인 | 위젯 (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는 다음과 같음 . (그런데 페이스북.. 더보기