Javascript

CSS로 구현할 수 없는 말줄임 처리를 Javascript로 구현한다.

Web Crypto API는 웹 애플리케이션에서 암호화 및 복호화 작업을 수행하기 위한 JavaScript API다.

performance.timing 브라우저 내장 API를 사용하여 페이지 로드 완료 까지의 구간별 이벤트 시간을 확인할 수 있다.

Custom iterables data structure

null과 undefined 둘 중 하나만 사용해야 한다. 그 중에 버려야 한다면 null을 버려야 한다. 왜냐하면 js엔진이 undefined를 사용하고 있기 때문이다.

decorator는 자바스크립트 함수로 클래스 자체 또는 클래스의 field, method를 수정하는데 사용된다.

Intersection Observer API는 Target Element가 Viewport내에 노출되었는지 여부를 구독할 수 있는 API이다.

Javascript 코딩 컨벤션을 정리하였다.

Map | Map과 Object의 성능 | WeakMap | Set

requestAnimationFrame은 브라우저가 frame을 그릴 준비가 되었을 때, Parameter로 전달한 애니매이션 프레임 콜백을 호출하는 함수다.

The Proxy object enables you to wrap the target object and by doing that we can intercept and redefine fundamental operations for that object.

javascript로 구현한 Ice Factory Pattern

Shallow Copy, Deep Copy

javascript로 구현한 Template Method Pattern

javascript로 구현한 strategy pattern

javascript로 구현한 State pattern

javascript로 구현한 Proxy pattern

javascript로 구현한 observer pattern

javascript로 구현한 memento pattern

javascript로 구현한 factory method pattern

javascript로 구현한 decorator pattern

javascript로 구현한 composite pattern

javascript로 구현한 builder pattern

javascript로 구현한 bridge pattern

javascript로 구현한 Virtual List

Array 특정 위치 삽입, Array 특정 위치 삭제, 문자열 특정위치 자르기

Replace All | Extract Unique Values | Convert string to number | Converting NodeList to Arrays ...

Mutable Array 함수 | Immutable Array 함수 | 펼침 (Spread) 구문

javascript로 구현한 trottle & debounce

Javascript Engine의 call stack, Event Loop와 Event Table 그리고 Event Queue가 하는 일

Google Maps Javascript API

CAPTCHA(Completely Automated Public Turing test to tell Computers and Humans Apart)는 어떠한 사용자가 실제 사람인지 컴퓨터 프로그램인지를 구별하기 위해 사용되는 방법이다.

Javascript bit 연산 Example

Jquery의 animate 함수는 내부적으로 effect queue를 사용한다.

ES6에서 추가된 spec중 유용한 내용을 정리하였다.

쿠키는 세션정보 유지에 많이 사용되며, 보안에 취약하기 때문에 브라우저 자체적으로 쿠키거부 설정을 할 수 있다.

다국어 지원

다국어 지원

COMPONENT 구현

RequireJS를 사용한 AMD지원

Page 구현 (Event Procedure)

Single Page App 내에서 존재하는 UI화면 단위를 Page로 구분하고, Page의 이동은 hash값 변경을 통하여 구현하였다.

정규표현식을 이용하여 입력받은 IP Address의 유효성을 체크하는 function이다.

HTML Popup 창 띄우기, 옵션 List

브라우저는 가비지콜렉션을 수행하여 메모리 관리를 한다. 가비지콜렉션이 수행될 때는 브라우저가 스크립트 읽는 것을 잠시 중단하므로 가비지콜렉션이 빈번하게 발생하면 성능에 영향을 준다.

캡슐화는 객체 지향 프로그래밍에서 다음 2가지 측면이 있다.