[노마드코더] 바닐라 JS로 크롬 앱 만들기 #01

변수 : 값을 저장하거나 유지

• const : 변하지 않는 상수, 재할당 불가
  

  // const 의 재할당이란? 
  // 전체를 하나의 값으로 업데이트 하려고 할 때는 불가. 배열추가, 오브젝트 property 추가 등은 가능.
  const player = ["One"]
  player.push("Two"); // 가능
  player = false // 불가능​

• let : 값 변경 가능, 재할당 가능(재할당 할 때 let을 안붙이고 변수 이름만 쓰면 됨)
• var : 실수할 가능성이 크기 때문에 쓰지 말 것

→ const 를 기본적으로 사용하고, 업데이트 하고 싶은 변수에만 let을 사용

→ 변수의 사용만 보고도 의도를 파악할 수 있기 때문에 var 는 비추천

---

 

null & undefined

• null : 비어있음, 자연적으로 발생하지 않음, 어떤 값이 비어있다는 것을 확실히 하기 위해 쓰는 것 (의도적) 
• undefined : 값이 없음

---

array

• 변수안에 데이터 list를 가지는 것 (ex. 월요일, 화요일, 수요일, 목요일 …)
• [ ] 안에 넣고자 하는 정보를 담음
• 각각의 요소는 , (쉼표) 로 분리
• 배열 안에 올 수 있는 것 : 숫자, 문자, boolean, null, undefined, 변수 등 가능
• 인덱스는 0부터 시작
• 배열추가 :  .push()

---

object

• 설명이 필요한 정보를 담을 때 object 를 씀 (ex. 플레이어의 이름, 점수, 우승유무 …)
• { } 안에 넣고자 하는 정보를 담음
• console.log(player.name) = console.log(player["name"])
• 속성은 . 으로 접근 => console.log 의 console도 객체라는 뜻

---

function : 반복해서 사용할 수 있는 코드 조각

---

return 

• 어떤 값을 함수 밖으로 꺼내서 사용 (리턴만 한다고 출력되지는 않음, console.log 등으로 출력해주어야 함)
• return을 쓰는 순간 함수가 끝나기 때문에 순서 주의해서 쓸 것

---

음주 가능 나이 측정기

const age = parseInt(prompt("How old are you?"));

if (isNaN(age) || age < 0 ) {
	console.log("Please write a real positive number");
} else if (age < 18) {
	console.log("You are too young");
} else if (age >= 18 && age <= 50) {
	console.log("You can drink");
} else {
	console.log("You should exercise");
}

• parseInt : 문자를 숫자로 변환
• || : or 연산자 ( 둘 중 하나라도 true 면 true / false 가 나오려면 둘 다 false 여야함)
• && : and 연산자 ( 둘 다 true 여야 true )