자바스크립트(2)
-
Day 2 : 도트형 세계지도 구분하기
대략적인 기획이 끝나고 실제로 UI 를 보고 나서 필요해보이는 기능이 더 있을 거 같다고 판단, 어제 기획 이후에 바로 세계지도를 코드를 가져와 작성했다. https://codepen.io/Paulie-D/pen/vXzjmr SVG Dotted World Map ... codepen.io 도트형 이라는 단어 답게, 코드를 일일히 찍어야 겠다라는 생각을 하고 있었지만 예제 코드를 보니 svg 안에 태그가 무려 2,500 줄이나 있었다... // 2,500 줄 더... 역시 세계는 넓구나... 도트형 세계 지도를 찍는 거 까지는 해결. 다음 과제는 썸네일에서 나와 있듯이 바로 영역을 구분해야 한다. 왜냐하면 각 나라의 영역에 마우스를 hover 하게 되면 그 나라의 도트들만 색깔이 변해야 하기 때문이다. 생..
2023.05.15 -
JIT 컴파일러의 이해와 자바와 자바스크립트에서의 활용
JIT 컴파일러란? JIT(Just-In-Time) 컴파일은 프로그램을 실제 실행하는 시점에 기계어로 번역하는 컴파일 기법입니다. 자바와 자바스크립트 모두 이 기법을 사용하지만, 두 언어의 동적 타입(dynamic type)과 정적 타입(static type) 특성에 따라 JIT 컴파일러가 다르게 작동합니다. 자바스크립트에서의 JIT 컴파일러 활용 반면, 자바스크립트는 동적 타입 언어입니다. 실행 전까지 변수나 함수에 넘겨지는 매개변수 같은 타입들에 대한 정보를 알 수 없습니다. 동적 타입 언어의 경우, 프로그램 실행 중에 변수의 타입이 변경될 수 있으므로, 실행 시점의 타입 정보를 활용하여 최적화를 수행해야 합니다. 자바스크립트 엔진들은 이러한 동적 타입 언어의 특성을 고려하여 JIT 컴파일러를 사용하..
2023.04.03