변수

• let : 변할 수 있는 값 선언 -> 수정 O
• const : 절대로 바뀌지 않는 상수 선언할때 -> 수정 X
  Tip. 모든 변수 const로 선언, 나중에 변경될 여지가 있는 변수들만 let으로 바꿔준다!

let grade = "A";
grade = "A+"; // let은 값 변경 가능

함수

alert
console.log

자료형

const name = "Mike"; //문자형 String
const age = 30;

const name1 = "Mike"
const name2 = 'Mike'
const name3 = `Mike`

const message = "I'm a girl.";
const message2 = 'I\'m a boy.'; 
// 역슬래쉬\를 앞에 넣어주면 특수 문자로 인식

const message3 = `My name is ${name}`; 
// `는 문자열 내부의 변수로 표현할 때 사용하면 편리, ${}중괄호 안에 변수를 넣어주면 된다.

const message4 = `나는 ${30+1]살 입니다.`; //표현식
console.log(message4)

숫자형

const age = 30;
const PI= 3.14;

console.log(1 + 2); 
console.log(10 - 3);
console.log(3 * 2);
console.log(6 / 3);
console.log(6 % 4); // 6을 4로 나눈 나머지 값 반환

//결과 값이 **NaN이면 Not a number라는 뜻**

type of null; //"object" 객체형

문자형 + 숫자형

const name = "Mike";

const a = "나는 ";
const b = " 입니다";

console.log(a + name + b);

const age = 30; //number
console.log(a+age+"살"+b);

// Console 결과
"나는 Mike 입니다." 
"나는 30살 입니다."
// 숫자형 + 문자형 -> 문자형

alert/prompt/confirm

alert() -> 알려줌
prompt() -> 입력 받음
confirm() -> 확인 받음

• prompt()

prompt로 입력 받은것 => 문자형
ex) 90, 80을 prompt로 입력 받은면 -> 결과 : 9080이 됨

• alert()

• confirm()

명시적 형변환

• String() -> 문자형으로 변환
• Number() -> 숫자형으로 변환
  -> Number("문자") // NaN
• Boolean()
  false - 숫자 0
  빈 문자열
  null
  undefined
  NaN

Number(null) // 0
Number(Undefined) // NaN

연산자

증가시킨 값을 result에 저장 => 결과 값 : 11

일치 연산자
(===)을 3개 쓰면 타입형까지 비교가능!

함수(function) 선언문

function sayHello(name){
	const ms = `Hello, ${name}`;
	console.log(msg);
    }
sayHello('Mike');
--------------------------------------
결과값
"Hello, Mike"
    

function sayHi(name){
let msg = `Hello`; // 전역 변수
if(name){
	msg += ', ' + name; // name앞에 한칸 띄워주기
    }
    console.log(msg);
    
 sayHi('Mike');
 ----------------------------------------
 결과값 
 "Hello, Mike"
    

함수 표현식

화살표 함수

위의 함수를 화살표 함수로 바꾸면 이렇게 됨

함수 표현식 => 화살표 함수 만드는 법

• 함수 표현식에서 function을 지우고 매개변수 뒤에 (=>)화살표 넣어주기
  

매개변수가 2개이고 return문이 있는 예제
함수표현식 => 화살표 함수

함수 표현식을 화살표 함수로 이렇게 줄일 수 있다!

객체(Object)

객체 in

for(x in Mike)
=>여기서 x는 Mike가 가지고 있는 property값들 ->name, age

method, this

화살표 함수는 일반 함수와는 달리 자신만의 this를 가지지 않음
화살표 함수 내부에서 this를 사용하면,그 this는 외부에서 값을 가져옴

배열

배열은 문자 뿐만 아니라 숫자,객체, 함수 등도 포함할 수 있음

push(): 배열 끝에 요소 추가
pop(): 배열 끝에 요소 제거

unshift : 배열 앞에 추가
shift : 배열 앞에 제거

반복문

• for
  
• for ... of