먼저 함수를 학습하고, 동작을 뜻하는 이벤트(event)와 함수를 연결하는 방법을 공부한다.

0.함수(function)

• 함수 : 동작해야 할 목적대로 묶은 명령

• 함수를 선언한다/함수를 정의한다 : 선언한 함수를 사용하는 것

  function 함수명() {
      명령
  }
  

• 함수를 호출한다/함수를 실행한다 : 함수가 어떤 명령을 처리할지 미리 알려 주는 것

  함수명() 또는 함수명(변수)
  

• 초기화 : 선언과 동시에 값을 넣음

• 함수 이름 넣는 방법

function a() {}
const b = function() {};
const c = () => {};

• 꿀팁!) 함수를 사용할 땐, 함수 이름 뒤에 ()를 붙이는데, 같은 원리로 console(), parseInt도 다 함수

1. 매개변수를 사용한 함수 선언

• 매개변수(parameter) : 함수를 선언할 때부터 외부에서 값을 미리 만드는 변수.
• 인수(argument) : 매개변수가 있는 함수를 호출할 때 실제 값 부분.
  • arguments : function안에서만 사용 가능한 변수.
  • arguments(argument개수) [argument1, argument2, argument3 ... ]
• 매개변수와 인수가 짝 지어지지 않는 경우에는 기본값(undefined)으로 저장.
• 매개변수는 선언된 함수 안에서만 사용 가능
• 매개변수를 여러 개 사용 - 매개변수 이름 사이에 쉼표(,).
• return
  • return 사용해서 다음에 넘겨줄 값을 지정.
  • return 하면 반환과 즉시 종료 기능도 있음.
  • return 이 없으면 기본적으로는 'return undefined'가 생략
  • 여러값을 동시에 return 하고 싶다면 배열로 리턴. (ex: return [1, 5])