📌 프로시저(Procedure)란?

✅ 프로시저란?

프로시저(Procedure)는 특정 작업을 수행하는 코드 블록이다.
자바스크립트에서는 일반적으로 함수(Function)와 비슷한 개념으로 사용된다.

하지만, 프로시저는 반드시 값을 반환할 필요가 없으며, 단순히 실행만 하는 코드 블록일 수도 있다.

💡 프로시저란? 여러 개의 명령을 하나로 묶어서 실행하는 기능
💡 반환 값이 없을 수도 있는 함수라고 생각하면 이해하기 쉽다!

---

✅ 프로시저의 특징

✔ 반환 값이 없거나, 있어도 되고 없어도 된다.
✔ 매개변수(입력값)를 받을 수도 있고, 없을 수도 있다.
✔ 실행하면 특정 동작을 수행한다.
✔ 코드를 재사용할 수 있으며, 유지보수가 쉽다.

---

✅ 프로시저 예제 (자바스크립트)

1️⃣ 기본적인 프로시저 (반환 값 없음)

function sayHello(name) {
  console.log(`안녕하세요, ${name}님!`);
}

sayHello("태율");
// 출력: 안녕하세요, 태율님!

✔ sayHello()는 단순히 문장을 출력하는 동작만 수행하며,
✔ 별도의 값을 반환하지 않음 → 프로시저의 대표적인 예시!

2️⃣ 매개변수를 활용하는 프로시저

function printNumbers(start, end) {
  for (let i = start; i <= end; i++) {
    console.log(i);
  }
}

printNumbers(1, 5);
// 출력: 1 2 3 4 5

✔ printNumbers(1, 5)를 실행하면 1부터 5까지 출력
✔ 단순히 실행만 할 뿐, 값을 반환하지 않음 → 프로시저 역할

3️⃣ 반환 값이 있는 프로시저 (함수처럼 동작)

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

console.log(add(3, 5));
// 출력: 8

✔ 이 경우 add()는 반환 값이 있으므로 함수의 역할도 가능
✔ 하지만 특정 작업을 수행하는 프로시저의 개념으로도 사용될 수 있음

✅ 프로시저와 함수(Function)의 차이점

구분 프로시저 (Procedure) 함수 (Function)
반환 값 ❌ 없음 (필수 아님) ✅ 있음 (반드시 있어야 함)
목적 특정 작업 실행 값 계산 및 반환
예제 console.log(), alert() Math.max(), Array.map()

📌 즉, 프로시저는 “반환 값이 없어도 되는 실행 블록”, 함수는 “반드시 값을 반환하는 코드”
📌 그러나, 자바스크립트에서는 이 개념이 혼용되어 사용되기도 함

✅ 언제 프로시저를 사용할까?

✔ 단순히 실행만 하면 되는 작업이 필요할 때!
✔ 반환 값을 사용할 필요가 없을 때
✔ 예제:
• 데이터를 콘솔에 출력 → console.log()
• 특정 조건이 맞으면 메시지를 출력 → alert()
• 버튼을 클릭했을 때 동작 실행 → onClick 핸들러

✅ 정리
1. 프로시저는 특정 작업을 수행하는 코드 블록이다.
2. 반환 값이 없어도 되고, 있을 수도 있다.
3. 함수와 개념이 비슷하지만, 함수는 반드시 값을 반환해야 한다.
4. 자바스크립트에서는 프로시저와 함수가 혼용될 때가 많다.
5. 반환 값이 필요 없는 단순 실행 코드가 필요할 때 프로시저를 활용하면 좋다.