[React] - [처음 만난 리액트] - 04. JavaScript의 함수(arrow function)

🧹 두서없이 적는 쉬운 정리

1. 함수는 입력을 받아 정해진 출력을 하는 것

2. 자바스크립트의 함수는 2가지이다.(function statement, arrow fuction expression)

3. 함수 호출은 함수 이름 뒤에 괄호를 붙이고, 괄호 안에 파라미터 값을 넣어준다. 

 

(자세한 내용은 아래 참고)

 

---

🤷🏻 함수란?

함수는 프로그래밍에서 입력(파라미터 혹은 인자)을 받아 정해진 출력을 하는 동작을 수행하는 것을 의미.

 

자바스크립트에서 함수를 정의하는 방법은 크게 두 가지로 나눌 수 있다

• function statement를 사용하는 방법
• arrow fuction expression을 사용하는 방법

 

---

🧑🏻‍💻 function statement를 사용한 함수 정의

function sum(a, b) {
  return a + b;
}

위의 코드는 펑션 스테이트먼트를 사용하여 함수를 정의한 예시이다.

sum이라는 함수는 파라미터로 a와 b를 받아서 두 개의 값을 더한 결과를 반환한다.

예를 들어, sum(10, 20)을 호출하면 10과 20을 더한 값인 30이 반환된다.

 

 

 

🧑🏻‍💻 arrow fuction expression를 사용한 함수 정의

const multiply = (a, b) => a * b;

위의 코드는 애로우 펑션 익스프레션을 사용하여 함수를 정의한 예시이다.

multiply라는 함수는 a와 b라는 파라미터를 받아서 두 값을 곱한 결과를 반환한다.

예를 들어, multiply(10, 20)을 호출하면 10과 20을 곱한 값인 200이 반환된다.

 

---

 

🔊 함수 호출

함수를 호출할 때는 함수 이름 뒤에 괄호를 붙이고, 괄호 안에 파라미터 값을 넣어준다.

함수는 입력값을 받아서 처리 후 그에 따른 결과를 반환한다.

 

 

 

 

위 내용은 '소플' 님의 '처음 만난 리액트' 영상을 참고하여 작성되었습니다.