[React]리액트 학습 기록 - 변수 생성과 화살표 함수

react는 차세대 javascript를 많이 사용한다고 한다. 그래서 차세대 javascript에 대한 학습을 분명히 하고 넘어가기로 하였다.

let과 const

let과 const는 변수를 생성하는 방식이다.
기존의 자바스크립트에서는 var만 존재했지만, ES6에는 let과 const가 추가로 존재한다.

📢 var도 존재하지만 let과 const를 사용하는 것을 권장한다.

• let(variable values) : 값을 수정할 수 있는 변수를 선언할 때 사용한다.
• const(constant values) : 한 번 지정하면 절대 변하지 않는 값인 상수를 선언할 때 사용한다.

➡️화살표 함수

일반 함수

function printMyName (name) {
  console.log(name);
}

printMyName('Max');

화살표 함수 적용

// 방법1 : 정석
const printMyName = (name) => {
  console.log(name);
}
// 방법2 : 인자가 하나라면 () 생략 가능
const printMyName = name => {
  console.log(name);
}
// 방법3 : 인자가 하나이고, 실행문이 한 줄이라면 {} 생략 가능
const printMyName = name => console.log(name);

// 인자가 두 개 이상이라면 () 생략 불가
const printMyName = (name, age) => {
  console.log(name);
}

printMyName('Max', 25);