[JavaScript] - 변수

🎈 JavaScript

• 자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어
• HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현
• 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용가능
• 현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있음

[참고사이트]
https://youtu.be/KF6t61yuPCY

🎈변수

1. 변수는 문자와 숫자, $와 _만 사용
2. 첫 글자는 숫자가 될수없음
3. 예약어는 사용할수없음
4. 가급성 상수는 대문자로 알려주기
5. 변수명은 읽기 쉽고 이해할수있게 선언

✔ 문자는 항상 따옴표로 감싸주어야함
✔ 예약어 사용X(자바스크립트에서 이미 사용하는언어 ex)class)

---

alert 👉🏻 경고창
console.log 👉🏻 로그를찍는창

let 👉🏻 한번선언후에 다른값으로 바꿀수있음
ex) let grade = "F";
grade = "A+"; (let생략가능)
const : 절대로 바뀌는 않는 상수 수정X
파이,최댓값,생일 👉🏻 대문자로 선언하는게좋다(다른개발자에게 상수라고 알려줌)
ex) const PI = 3.14;
const SPEED_LIMIT = 50;
const BIRTH DAY = '2020-01-01';
📝Tip : 모든변수 const > 변할수있는것만 let

🎈자료형

• Boolean : 논리적인 요소, true와 false값이 있다.
• null : 빈 값
• undefined : 값을 할당하지 않은 변수가 가지는 값
• Number : 숫자형으로 정수와 부동 소수점, 무한대 및 NaN(숫자가 아님)값을 포함한다.
• String : 문자열

백틱 : 문자열 내부에 변수를 표현해줄때 사용하면 편리
ex) const message = My name is ${name};
console.log(message);
결과값 : "My name is Mike"

🎈typeof 연산자

• 다른 개발자가 작성한 변수의 타입을 알아야하거나
• API통신을 통해 받아온 데이터를 타입에 따라 다른방식으로 사용해야할때
  typeof null; // "object" 객체형
• 문자형 + 숫자형 > 문자형으로 변경됨

🎈대화상자
alert =알려줌 / 메세지를 보여줌
prompt = 입력받음 / 디폴트값도 입력가능 / 사용자에게 메세지를 보여주고
어떤값을 입력받을수있음 필드를 제공함
confirm = 확인받음 / 사용자에게 확인을 받기위한 용도

📝단점:
1. 스크립트 일시 정지(창을 닫기전에는 이후동작에 제한을받음)
2.스타일링X(위치와 모양을 정할수없음 > 디자이너들이 안좋아함)

prompt

ex) 디폴트 / 2개의 인수를 받을수있음
함수를 실행하는 괄호안의값 = 인수
const name = prompt("예약일을 입력해주세요.","2020-10-18");
alert("환영합니다." + name + "님");
"2020-10-18" > 입력받을 디폴트값(미리들어가있으면 안내or힌트를 줄수있음)

ex)
const name = prompt("이름을 입력하세요.");
alert(안녕하세요. ${name}님. 환영합니다.);

confirm

alert과 다른점 > alert는 확인버튼만있지만
confirm은 취소/확인버튼이 같이있음
확인 👉🏻 true / 취소 👉🏻 false

그 외

String() 문자형으로 변환
Number() 숫자형으로 변환
ex) Number("문자") // NaN
Number(null) // 0
prompt에서 취소버튼을 누르면 null할당 > 숫자0
Number(undefined) // NaN(잘기억해두기)

📝차이점 및 기억해둘것
Number(0) // false
Number('0') // true 문자형0
Number(") // false 비문자열
Number(' ') // true 공백이 들어가있으면
Boolean() 불린형으로 변환
👉🏻false
숫자 0, 빈 문자열 ", null, undefined, NaN << 제외하고는 true

---

ex)수학과 영어의 점수를 입력받아 평균을 구하는것(수학90/영어80)
const mathScore = prompt("수학 몇점?");
const engScore = prompt("영어 몇점?");
const result = (mathScore + engScore) / 2;
결과값 : 4540
숫자형이 아니더라도 / 나누기의 값이 들어가면 숫자형으로 변환되어 사용
👉🏻 자동 형변환

✍🏻평균값:85

✔ 참고로 알아둘것

console.log(
   Number(true); 1
   Number(false); 0
)

🎈연산자

나머지(%)를 어디에 쓸까?
ex) 홀짝
홀수 : X % 2 = 1
짝수 : Y % 2 = 0
ex) 어떤 값이 들어와도 5를 넘기면 안됌
X % 5 = 0 ~ 4 사이의 값만 반환

✔ 거듭제곱
const num = 2**3;
console.log(num); // 8

✔ 연산자 줄여서 쓰기
ex)
let num = 10;
num = num+5;
console.log(num); // 15
👇🏻
let num = 10;
num += 5; 변수에 5를 넣어서 다시 위의식에 넣어주는것
console.log(num); // 15

✔ 증가 연산자, 감소 연산자 (값을 1만큼 증가 혹은 감소)
let num = 10;
num++; num--;
console.log(num); 11 / 9

✔ 비교연산자

a == 3 > a가 3이랑 같은가
a != 3 > a가 3이랑 다른가
반환값은 // true or flase