변수

• 데이터를 편하게 다루기 위해 데이터에 이름을 붙일 수 있다.
• 변수를 활용하여 복잡한 작업을 간단하게 처리할 수 있다.

변수의 이해

• 데이터 보관함(메모리)
• 보관함의 크기는 동일
• 각 보관함의 이름 = 변수
• 이름을 통해 데이터 사용(재할당)

변수의 선언

• 변수 선언은 한번만 할 수 있다.(let 키워드를 사용해서)
• 한번 선언했던 변수를 다시 사용 할 때는 키워드(let)을 사용하지 않는다.
• '=' (코딩에서는 같다라는 의가 아니라 대입)

사용법

1. 보관함 확보
   선언(declaration)
   let age;
2. 보관함에 데이터 저장
   할당(assignment)
   age = 25;
3. 선언과 할당 동시에 가능
   let name 'seok'

타입

• 숫자나 문자와 같이 변수에 할당할 수 있는 형태
• typeof 연산자를 사용해서 특정 값의 타입을 알아낼 수 있다.

typeof 값 // 사용법

• undefined도 타입이다.
• 함수도 타입이다.

함수

• 논리적인 일련의 작업을 하는 하나의 단위
• 코드의 묶음 (즐겨찾기 버튼)
• 기능(function)의 단위
• 입력과 출력간의 매핑(mapping)
• 반드시 돌아온다(return) -> 함수는 항상 출력값을 반환한다.

함수 선언식

function getTriangArea(base, height) {
	let triangleArea = (base * height) / 2;
    return triangleArea
   };

함수 표현식

const getTriangArea = function(base, height) {
	let triangleArea = (base * height) / 2;
    return triangleArea
   };

화살표 함수

const getTriangArea = (base, height) => {
	let triangleArea = (base * height) / 2;
    return triangleArea
   };

---

• 만약 함수의 본문에 return문만 있는 경우
  :return과 {}중괄호를 생략 가능

const getTriangArea = (base, height) => base * height / 2

---

• return 문에서 소괄호를 사용할 수 있다.

const getTriangArea = (base, height) => (base * height / 2)

---

• 만약 함수 내의 표현식이 2줄 이상인 경우,
  :return과 {} 중괄호를 명시적으로 쓰는 것이 좋다.

함수의 호출

• 선언

function Person (name, age) {
	return name + age;
}

• 호출

Person (seok, 25)

사용법

1. 버튼 제작
   선언(declaration)

function cal(param1, param2) {
	console.log(param1 + param2);
    return param1 * 10;
   }

2. 버튼 사용
   호출(call, invocation)

cal(10, 20);