javascript

[v8] V8엔진(Chrome V8)

V8엔진(Chrome V8) 웹 브라우저를 만드는데 기반을 제공하는 오픈소스 자바스크립트 엔진 ECMAScrpit 규격의 C++로 작성되었으며 자바스크립트를 바이트코드로 컴파일하고 실행하는 방식 사용(JIT) * JIT Just-In-Time Java, C# 등에서 제공하는 실시간 컴파일 방식 자바스크립트 엔진 자바스크립트 코드를 실행하는 프로그램 혹은 인터프리터를 말한다. 자바스크립트 엔진은 표준적인 인터프리터로 구현될 수도 있고 혹은 자바스크립트 코드를 바이트코드로 컴파일하는 JIT컴파일로 구현할 수도 있다. V8엔진 등장배경 웹브라우저 내부에서 JS의 속도 개선을 위해 고안된 V8엔진. 자바스크립트 엔진은 웹 특성상 유저와 상호작용을 위해 즉시성이 있는 인터프리터 방식을 사용하는데 코드가 많아질수록..

[typeScript] 타입스크립트를 왜 쓸까?

타입스크립트를 왜 쓸까 타입스크립트도 결국 자바스크립트이다. 타입스크립트도 자바스크립트와 크게 다르지 않다. 따지고 보면 JS의 확장 느낌 자바스크립트에 타입에 대한 내용을 확장시킨것이 타입스크립트이다. 타입스크립트는 컴파일 후에 자바스크립트 파일을 떨군다.(tsc -w) 결과적으로 JS파일을 생성한다는 점에서 왜 굳이 타입스크립트를 쓰는지에 대한 의문이 생기는데 그 의문을 해결해보자. 다음과 같은 함수가 있다고 하자 function sum(x, y) {{ return x + y; } sum 함수가 파라미터로 어떤타입의 인자를 받는지, 어떤타입으로 리턴해주는지 명확하지가 않다. 자바스크립트는 dynamic typing을 지원하고 있다. 예를 들어 해당 함수에 x =3 , y = '5' 값을 인자로 넘겨줬..

[javascript] jQuery dynatree(트리구조)

Dynatree 제이쿼리에서는 dynatree라고 하는 플러그인을 제공한다. 여러 오픈소스가 존재하지만 자주 사용하여보기도 하였고 편리하다고 생각되어 dynatree 를 소개하고자 한다. 대부분의 트리구조는 Json, Html의 태그를 이용하여 트리를 그려주는 것이 대부분이다. dynatree도 여타 다른 트리구조와 마찬가지로 다양한 방법을 제공한다. li 태그를 이용한 트리구조 위와같은 방식으로 트리를 그려줄 수 있지만 화면이 많이 복잡해진다는 문제점이 있다. 정적인 트리구조를 그리는 간단한 데이터라면 이런식으로 해도 무방하다. dynatree를 이용한 트리구조 $('#treeList').dynatree({ title: 'treeTest', fx: { height: 'toggle', duration: ..