본문 바로가기

html

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 ## 장단점 .. 더보기
티스토리 단축키 설정 (+단축키 추가/수정하기) 티스토리 단축키 설정 (+단축키 추가/수정하기) 티스토리에 단축키가 있다는걸 최근에야 깨달음;;; 티스토리 단축키 설명은 sidebar에도 표시해 놨음. Posting History 2014-06-20: First Posting. Table of Contents 티스토리 기본 단축키 티스토리 기본 단축키 Q: 관리자 (Admin) A: 이전 글 S: 다음 글 Z: 최근에 올라온 글 X: 최근에 달린 댓글 C: 최근에 받은 트랙백 개인적으로 추가한 단축키 D: Previous Section F: Forward Section L: To the [Lists] 글쓰기에 들어가면 에디터에도 단축키들이 많은것 같지만, 난 HTML로 쓰는 경우가 많아서 이것 관련 정리는 패스. 단축키 추가/수정하기 단축키를 추가하거.. 더보기
Improving web performance Improving web performance 그냥 구글에 "improving web performance" 검색하면 여러가지 잘 정리해놓은 페이지들이 나오는듯. References and Related Articles Six Revisions - 10 Ways to Improve Your Web Page Performance, 2008-12-22, by Jacob Gube.; 꽤나 잘 정리되어 있는듯. pamela fox's blog - Improving front page performance: removing images, 5 ways, 2014-01-30.; TinyPNG로 이미지 용량줄이기, Delay load로 scroll 되기 전의 load 줄이기. tutsplus - Best Practic.. 더보기
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.. 더보기
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 더보기
Delayed (Lazy) Loading in HTML by JavaScript (+jQuery) Delayed (Lazy) Loading in HTML by JavaScript (+jQuery) This is sometimes called 'Lazy Loading'. Maths, i.e. equations, are also delayed-rendered by MathJax . (Some of this document are written in Korean (called Hangul). People who do not know Hangul, just read english part. That will be enough.) 사용자가 안보고 넘길것 같은 부분은 굳이 미리 로딩해놓지 말고, 속도를 빠르게, 서버 부담을 적게 덜어주자는 목적으로 Delayed Loading이라는 개념이 있음. 특히나 용량이 .. 더보기
Learning JavaScript, especially class-like Constructor function and Property Inheritance through prototype/__proto__ chaining # Learning JavaScript Web browser 에서 쓰이는, "Object-based based on prototypes" 특성을 갖는 client-side 프로그래밍 언어인 JavaScript를 배워 봅시다. 여기는 제가 헷갈렸던 부분만 조금 정리. ## PH 2017-08-14: 코드 스타일만 좀 정리. To SEE. 2014-06-13: docuK upgrade. 2014-05-21: First Posting. ## TOC ## Making an instance from a constructor function (class-like) Note: The term "instance" has a specific technical meaning in class-based languages (.. 더보기