svg, tilt.js, marquee, arrow function

svg: 벡터기반 이미지포맷. 용량 작음

텍스트 svg 만드는 사이트
https://danmarshall.github.io/google-font-to-svg-path/

---

tilt.js

: 호버했을 때 애니메이션
: js 복붙 후 적용할 class명 맞추기

---

marquee

: 무한으로 이어지는 애니메이션
: GPT 활용

---

• css 변수 만드는법

:root {
	--background-color:#fff;
	--text-color: #222;
}

• 적용하는법

:root {
	color: var(--text-color);
	background-color: var(--background-color);
}

---

arrow function : 간략하게 함수 작성

• 일반 함수

$('.btn-toggle-theme').click(function() {
	$(':root').toggleClass('dark');
});

-arrow function

$('.btn-toggle-theme').click(() => $(':root').toggleClass('dark'));

만약 this를 써야한다면 arrow 사용 X

each = for 반복문