JavaScript 함수의 기초와 활용 🖥️

JavaScript는 웹 개발의 핵심 언어 중 하나이며, 함수는 JavaScript를 사용하여 강력하고 유연한 코드를 작성하는 데 필수적인 요소입니다. 함수는 코드를 재사용할 수 있게 해주며, 복잡한 문제를 해결하는 데 도움을 줍니다. 이 글에서는 JavaScript 함수의 기초와 활용 방법을 살펴보겠습니다.

함수란 무엇인가요?

함수는 특정 작업을 수행하는 코드의 집합입니다. 함수를 사용하면 코드를 여러 번 작성하지 않고도 같은 코드를 여러 곳에서 재사용할 수 있습니다. JavaScript에서 함수를 선언하는 방법은 다음과 같습니다:

function sayHello() {
  console.log("안녕하세요!");
}

위 코드에서 sayHello는 함수의 이름이며, 중괄호 {} 안에는 함수가 호출될 때 실행될 코드가 들어갑니다.

함수 호출하기

함수를 선언한 후에는 함수 이름 뒤에 괄호 ()를 붙여서 함수를 호출할 수 있습니다. 예를 들어, 위에서 선언한 sayHello 함수를 호출하려면 다음과 같이 작성합니다:

sayHello();

이 코드를 실행하면 콘솔에 "안녕하세요!"가 출력됩니다.

매개변수와 인자

함수는 매개변수를 통해 외부에서 값을 받아올 수 있습니다. 매개변수는 함수 선언 시 괄호 안에 정의되며, 함수가 호출될 때 인자를 통해 실제 값을 전달받습니다. 예를 들어, 이름을 매개변수로 받아 인사말을 출력하는 함수는 다음과 같이 작성할 수 있습니다:

function sayHelloTo(name) {
  console.log("안녕하세요, " + name + "님!");
}

sayHelloTo("지수");

이 코드를 실행하면 "안녕하세요, 지수님!"이 출력됩니다.

반환 값

함수는 return 키워드를 사용하여 결과 값을 반환할 수 있습니다. 반환 값은 함수를 호출한 곳으로 전달됩니다. 예를 들어, 두 수를 더하는 함수는 다음과 같이 작성할 수 있습니다:

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

var sum = add(5, 3);
console.log(sum);

이 코드를 실행하면 8이 출력됩니다.

활용 예시

함수는 코드를 구조화하고 재사용하기 쉽게 만들어 줍니다. 예를 들어, 사용자로부터 입력받은 두 숫자의 합을 계산하는 간단한 웹 페이지를 만든다고 가정해 봅시다. 이 때, 위에서 작성한 add 함수를 활용할 수 있습니다.

JavaScript 함수는 웹 개발에서 다양한 방식으로 활용될 수 있으며, 함수를 통해 코드의 가독성과 재사용성을 높일 수 있습니다. 함수의 기초를 이해하고 활용하는 것은 모든 주니어 웹 개발자가 갖추어야 할 중요한 기술 중 하나입니다.

함수는 JavaScript의 가장 기본적인 구성 요소 중 하나이며, 이를 통해 더 효율적이고 강력한 웹 애플리케이션을 개발할 수 있습니다. 여러분도 JavaScript 함수를 마스터하여 멋진 웹 개발자가 되어 보세요!