1. UI 재사용: 함수에 "구멍(파라미터)" 뚫기알림창이 100개 필요하다고 해서 HTML을 100개 만들 필요는 없습니다. 하나의 알림창을 만들어 두고, 내용만 바꿔서 재사용하는 것이 가장 효율적입니다.나쁜 예: 아이디알림창(), 비번알림창() 등 함수를 기능별로 계속 만들기좋은 예: 파라미터를 사용해 글자만 전달하기// 함수 하나로 돌려쓰기function openAlert(text) { document.getElementById('title').innerHTML = text; document.getElementById('alert').style.display = 'block'; }// 사용 시// 버튼1// 버튼2 2. 더 강력한 셀렉터: getElementsByClassNameID가 아닌 ..
javascript
Truthy와 FalsyThuthy & Falsy란?참이나 거짓을 의미하지 않는 값도, 조건문 내에서 참이나 거짓으로 평가하는 특Thuthy한 값 : 참 같은 값Falsy 한 값 : 거짓 같은 값이를 이요하면 조건문을 간결하게 만들 수 있다.- JavaScript에서는 참, 거짓이 아닌 값도 참, 거짓으로 평가한다.- JavaScript의 모든 값은 Truthy하거나 Falsy 하다. // 1. Falsy한 값let f1 = undefined;let f2 = null;let f3 = 0;let f4 = -0;let f5 = NaN;let f6 = "";let f7 = 0n;if (!f1) { // ture가 됨.. console.log("falsy");}// 2. truthy한 값// -> 7가지 F..
변수와 상수// 1. 변수// 반드시 초기화해야하는 것은 아님..let age = 27;console.log(age);age = 30;console.log(age);// 2. 상수// 한 번 선언되면 값을 바꿀 수 없기 때문에, 선언과 동시에 초기 값을 할당해야 한다.// 반드시 초기화가 되어야 함..// const birth = "1996.01.01";// 3. 변수 명명규칙(네이밍 규칙)// 3-1. $,_ 제외한 기호는 사용할 수 없다.let $_name;// 3-2. 변수의 이름은 숫자로 시작할 수 없다.let name1;let _2name;// 3-3. 예약어를 사용할 수 없다.// 자바스크립트가 이미 쓰고 있는 것.// let let// 4. 변수 명명 가이드let a = 1; // 이런건 ..
