Dark Mode

---

<span class="badge bg-dark">Dark 🔄</span>

버튼을 1회 누르면 안의 글씨가 Light로 바뀌고

2회 누르면 다시 Dark

3회 누르면 다시 Light

4회 누르면 다시 Dark

…

변수

---

자료를 잠깐 저장해야 할 때 사용합니다.

var 변수명 = 값;

var 나이 = 20;
var 이름 = 'kim';

이제 나이, 이름 이라고 치면 각각 20, ‘kim’이 나옵니다.

• 문자, 숫자 말고도 거의 모든 값을 넣을 수 있습니다. document.getElementById() 도 가능합니다.
  
• 영어로 작명시엔 함수 작명하든 camelCase로 하면 됩니다.

왜 쓰는가?

---

1. 길고 복잡한 자료가 있으면 잠깐 변수에 저장해서 쓰면 편리하다

   예를 들어 ‘안녕하세요 반갑습니다 오랜만인데 그동안 잘지냈니’ 라는 인사말이 매우 자주 필요 할 때

   var 인삿말 = "안녕하세요 반갑습니다 오랜만인데 그동안 잘지냈니";

   긴 문장이 필요한 부분에서 길게 하드코딩 할 필요 없이 인삿말 이라고 쓰면 쉽게 재사용이 가능하다.

2. 특정 값을 기록하고 싶을 때

변수에 +1 하는 법

---

기존 값에 +1 하고 싶다면

• 변수명++
• 변수+=1
• 변수 = 변수 + 1