Day 7 : 왜 굳이 웹 서버 프레임워크를 사용해야 하나? 2023.05.24 - [Project ISL/프론트엔드] - Day 6 : 첫걸음은 '레이아웃 설계'로부터 Day 6 : 첫걸음은 '레이아웃 설계'로부터 2023.05.18 - [Project ISL/프론트엔드] - Day 5 : 세계지도 인터랙션, 국가별 호버 이벤트 xpmxf4.tistory.com 이전 글을 읽고 와주시면 감사하겠습니다 :) 오늘의 WORK 오늘은 3 가지의 작업을 완료했습니다. world-map.html 에 존재하는 나라들의 국가코드(ISO 3166-1 alpha-2)를 모으기 해당 국가코드들의 풀네임을 매핑한 json 생성 이렇게 생성한 json 파일을 JavaScript로 DB에 넣기 world-map.html 에서..

2023.05.17 - [Project ISL/프론트엔드] - Day 4 : 노력하는 자에겐 상이...? Day 4 : 노력하는 자에겐 상이...? 2023.05.16 - [Project ISL/프론트엔드] - Day 3 : SVG와 자바스크립트를 활용한 세계지도 만들기 Day 3 : SVG와 자바스크립트를 활용한 세계지도 만들기 이 화면을 틀어두고 방법을 모색하는 데 내 화면이 너 xpmxf4.tistory.com Day 4 글을 읽고 와주시면 다음 글의 내용이 훨씬 잘 이해가 갈 거예요! 어제 각 나라별로 마우스 호버시 색깔이 바뀌도록 하는 이벤트를 설정하고 마무리했고, 오늘은 이제 법규를 날리기 위한 작업 내용을 보여드리도록 하겠습니다 :) 어제 완성된 코드부터 보시죠! window.onload =..

이 화면을 틀어두고 방법을 모색하는 데 내 화면이 너무 구려보이는 것이다. 뭔가 허전하달까...? 원래는 그래서 오늘 다른 디자인을 찾다가 보니 다음 사이트를 찾을 수 있었다. https://simplemaps.com/world HTML5/JavaScript Interactive World Map | Simplemaps.com Fully Customizable Almost every aspect of the map can be customized. Colors, descriptions, links, labels, locations, regions and much more. simplemaps.com 해당 사이트는 정확히 내가 원하는 모양과 기능들을 모두 탑재한 svg 및 자바스크립트 기능까지 지원하는 사..

WebKit과 Blink는 모두 웹 브라우저의 렌더링 엔진입니다. WebKit은 최초로 애플에서 개발되어, 애플의 사파리 브라우저에서 사용되었습니다. 이후 구글에서도 이를 기반으로 하는 Chromium 브라우저를 개발하면서 많은 사용자들에게 알려졌습니다. WebKit은 HTML, CSS 및 JavaScript와 같은 웹 요소를 렌더링하는 역할을 합니다. WebKit은 각각의 웹 요소들을 렌더링하기 위한 렌더 트리를 구성하고, 이를 화면에 표시하는 역할을 합니다. Blink는 구글이 Chromium 브라우저를 위해 개발한 렌더링 엔진이고 WebKit 과 마찬가지로 HTML, CSS 및 JavaScript와 같은 웹 요소들을 렌더링하는 역할을 합니다. Blink는 WebKit을 포크(fork)하여 만들어졌으..

JIT 컴파일러란? JIT(Just-In-Time) 컴파일은 프로그램을 실제 실행하는 시점에 기계어로 번역하는 컴파일 기법입니다. 자바와 자바스크립트 모두 이 기법을 사용하지만, 두 언어의 동적 타입(dynamic type)과 정적 타입(static type) 특성에 따라 JIT 컴파일러가 다르게 작동합니다. 자바스크립트에서의 JIT 컴파일러 활용 반면, 자바스크립트는 동적 타입 언어입니다. 실행 전까지 변수나 함수에 넘겨지는 매개변수 같은 타입들에 대한 정보를 알 수 없습니다. 동적 타입 언어의 경우, 프로그램 실행 중에 변수의 타입이 변경될 수 있으므로, 실행 시점의 타입 정보를 활용하여 최적화를 수행해야 합니다. 자바스크립트 엔진들은 이러한 동적 타입 언어의 특성을 고려하여 JIT 컴파일러를 사용하..