Function

프로그램의 재사용성을 높여주는 핵심 단위인 **함수(Function)**에 대해 알아보겠습니다.

함수는 특정 작업을 수행하기 위해 설계된 코드의 묶음입니다. 마치 재료를 넣으면 정해진 과정을 거쳐 결과물을 만들어내는 '요술 상자'와 같습니다.

---

1. 함수의 선언 (Declaration)

함수를 만드는 과정입니다. 어떤 이름으로 부를지, 어떤 재료(매개변수)를 받을지, 어떤 일을 할지 미리 정의해둡니다.

• 함수 이름: 함수를 구별하는 고유한 이름입니다.
• 매개변수(Parameter): 함수 외부에서 내부로 전달받는 데이터의 통로입니다.
• 실행 코드: 중괄호 { } 안에 작성하며, 함수가 호출될 때 실행될 내용입니다.

JavaScript

 

// 'sayHello'라는 이름의 함수를 선언합니다.
function sayHello(name) {
    console.log("안녕하세요, " + name + "님!");
}

---

2. 함수의 호출 (Call)

선언된 함수를 실제로 사용하는 과정입니다. 함수는 선언만 해서는 실행되지 않으며, 반드시 이름을 불러주어야 동작합니다.

• 인수(Argument): 함수를 호출할 때 괄호 ( ) 안에 넣어서 전달하는 실제 값입니다.

JavaScript

 

// 선언해둔 함수를 호출합니다.
sayHello("철수"); // 출력: 안녕하세요, 철수님!
sayHello("영희"); // 출력: 안녕하세요, 영희님!

---

3. 함수의 실행 순서 (Execution Flow)

프로그램은 기본적으로 위에서 아래로 실행되지만, 함수가 나타나면 실행 흐름이 잠시 바뀌게 됩니다.

1. 함수 선언 확인: 브라우저가 코드를 읽으며 "이런 이름의 함수가 있구나"라고 기억해둡니다. (이때는 내부 코드가 실행되지 않습니다.)
2. 호출문 도달: 프로그램이 함수 호출 코드를 만나면, 실행 흐름이 함수가 선언된 곳으로 점프합니다.
3. 매개변수 전달: 호출할 때 넣은 값(인수)이 함수의 통로(매개변수)로 복사됩니다.
4. 함수 내부 코드 실행: { } 안의 코드가 순서대로 실행됩니다.
5. 복귀: 함수의 모든 코드가 실행되거나 return문을 만나면, 함수를 호출했던 위치로 다시 돌아옵니다.

---

🖥️ 실전 예제 코드: "더하기 함수"

JavaScript

 

// 1. 함수 선언 (설계도 작성)
function add(a, b) {
    console.log("계산을 시작합니다.");
    return a + b; // 결과값을 돌려줌
}

// 2. 함수 호출 (설계도 사용)
console.log("호출 전");
const result = add(10, 20); // 여기서 함수 내부로 이동했다가 돌아옴
console.log("호출 후");

// 3. 결과 확인
console.log("결과값:", result); // 결과값: 30

---

학습 정리

• 선언은 "이런 일을 하겠다"라고 규칙을 만드는 단계이다.
• 호출은 만든 규칙을 실제로 "실행해!"라고 명령하는 단계이다.
• 함수는 호출되는 순간 실행 흐름이 함수 내부로 이동했다가, 작업이 끝나면 다시 호출한 곳으로 돌아온다.

---

함수의 기본 원리를 모두 이해하셨습니다!

---