svg, tilt.js, marquee, arrow function

·2026년 2월 5일

코딩

목록 보기
44/48

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 반복문

0개의 댓글