본문 바로가기

html

HTTP Cookie in Web / HTML / Javascript and Server # HTTP Cookie in Web / HTML / Javascript and Server 작성중... (아직 중구난방일 수 있으니 감안하고 보시길...) Client-side (browser) 에 일정 정보를 "key=value" 형태로 저장시켜놓고, 서버에서 사용자를 기억하는데 주로 사용되는 cookie 란 놈이 있다. 매번 browser 에서 server 로 HTTP request 보낼때 이 cookie 란 놈도 항상 같이 보내기 때문에 이런게 가능한 것인데, 보통 request.headers().get("Cookie") 같은 명령어로 server 에서 뽑아낼 수 있다. Server 측에서 주로 사용하는 데이터이긴 하지만, client 측에서도 javascript 를 통해서 접근 가능하기도 해서 .. 더보기
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 (.. 더보기
Interactive graph and chart in HTML Interactive graph and chart in HTML I will explain the methods later after learning them by myself. svg/canvas 배워서 직접 script 짜서 그리는거랑 이거 사용법 배워서 그리는거랑 왜 별 차이가 없게 느껴지지 ㅡㅡ;;;; 꽤나 잘 그려주긴 하는데, 독특한 그래프를 그리고 싶을땐 별 도움이 안되는듯도. 그냥 많이들 그리는 형태의 그래프에서만 유용할듯. Posting History 2017-07-31 : 더 정리. 2014-06-12 : docuK upgrade. 2014-??-?? : First Posting. Table of Contents Line Chart - Basic Line (Highcharts.com) M.. 더보기
HTML 에서 동영상 연속 재생하기 (playlist, shuffle, replay) # HTML 에서 동영상 연속 재생하기 (playlist, shuffle, replay) 작성중인 글. 이것도 천천히 정리할듯;;; 여러 동영상을 한꺼번에 이어서 재생하거나 반복재생하고 싶어서 정리하는 중. ## TOC ## HTML tag HTML5 로 오면서 tag 도 생긴거 같긴한데... 이건 직접 서버를 운영하는 사람만 써먹을 수 있는듯? 동영상을 어딘가에 파일로 올려놔야 하니까;;; 파일 형태로 업로드하고 그냥 link 넣으면 될라나? 사용방법은 참조하시길. 그냥 대충 이런식으로 집어넣으면 됨. Media event 들 잡아서 어찌저찌 처리하면 연속재생 되도록 가능할듯? ### 이어서 재생하기 이어서 재생하기는 아래와 같은 script 로 대충 구현 가능함. 첫번째 동영상이 끝나면 두번째 동영상.. 더보기
Super Easy Edit (SEE) of docuK # Super Easy Edit (SEE) of docuK 쉽게 문서를 작성합시다. Try it yourself Edit the text and click the button below it to render the text to the docuK HTML format. Then the document will be represented beneath the textfield. You can use Shift+Enter for rendering. You can copy and paste the code in Copy and Paste where the full stand-alone code is. For the full stand-alone code, put meta tags additionally fo.. 더보기
HTML docuK format ver. 2.3 (2015-01-18) HTML docuK format ver. 2.3 (2015-01-18) 개인적으로 만들고 있는 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.. 더보기
Learning PHP Learning PHP PHP (PHP Hypertext Preprocessor, though originally it was Personal Home Page Tools) 를 배워봅시다. 꽤나 역사가 있는 언어인만큼 (since 1995) tutorial page들도 많고, 잘 정립되어 있는듯. Table of Contents References and Related Articles Official PHP.net (PHP Hypertext Preprocessor); and PHP Manual Tutorials Open Tutorials.org - PHP 기본 수업; and PHP 고급 수업; and PHP 소셜 프로그래밍 w3 Schools.com - PHP Tutorial Competition wit.. 더보기