CSS(3)
-
Day 6 : 첫걸음은 '레이아웃 설계'로부터
2023.05.18 - [Project ISL/프론트엔드] - Day 5 : 세계지도 인터랙션, 국가별 호버 이벤트와 법규(?) Day 5 : 세계지도 인터랙션, 국가별 호버 이벤트와 법규(?) 2023.05.17 - [Project ISL/프론트엔드] - Day 4 : 노력하는 자에겐 상이...? Day 4 : 노력하는 자에겐 상이...? 2023.05.16 - [Project ISL/프론트엔드] - Day 3 : SVG와 자바스크립트를 활용한 세계지도 만들기 Day 3 : SVG xpmxf4.tistory.com 위 글을 읽고 오신 다음에 이 글을 읽는 것을 추천 드립니다! 날짜를 보면 아시겠지만... 이 글은 그간과는 다르게 작업을 한지 좀 뒤에 작성하게 되는 글입니다. 핑계를 대자면 최근 코로나에..
2023.05.24 -
Day 5 : 세계지도 인터랙션, 국가별 호버 이벤트와 법규(?)
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 =..
2023.05.18 -
WebKit과 Blink 이해하기: 당신의 웹 브라우저 뒷면의 엔진
WebKit과 Blink는 모두 웹 브라우저의 렌더링 엔진입니다. WebKit은 최초로 애플에서 개발되어, 애플의 사파리 브라우저에서 사용되었습니다. 이후 구글에서도 이를 기반으로 하는 Chromium 브라우저를 개발하면서 많은 사용자들에게 알려졌습니다. WebKit은 HTML, CSS 및 JavaScript와 같은 웹 요소를 렌더링하는 역할을 합니다. WebKit은 각각의 웹 요소들을 렌더링하기 위한 렌더 트리를 구성하고, 이를 화면에 표시하는 역할을 합니다. Blink는 구글이 Chromium 브라우저를 위해 개발한 렌더링 엔진이고 WebKit 과 마찬가지로 HTML, CSS 및 JavaScript와 같은 웹 요소들을 렌더링하는 역할을 합니다. Blink는 WebKit을 포크(fork)하여 만들어졌으..
2023.04.06