JS로 Variable 개념 이해

Variable 개념 이해

F12 -> console 창 띄우기

console.clear(); -> 콘솔창을 깨끗하게

• 값 지정하기

let s16 = 16;

• 로그 등록하기

console.log(s16);

• 마크업에 등록하기

let h2 = s28;

• 함수 등록하기

$("h2").click(function(){
	$("h2").css("font-size", h2);
});

-> h2를 클릭하면 함수가 적용된다 -> css 폰트 사이즈가 ( let h2=s28; ) 로 변경된다

---

스타일 가이드를 등록하는 이유

: 스타일에 통일성을 주기 위해 폰트/사이즈 등을 함께 등록

베리어블 시스템을 활용하는 이유

: 값을 변경할 때 코딩을 계속 수정하는 번거로움을 줄이기 위함