JavaScript에서 함수 이해하기

발행: (2026년 4월 4일 AM 02:42 GMT+9)
2 분 소요
원문: Dev.to

Source: Dev.to

함수란 무엇인가?

함수는 특정 작업을 수행하도록 설계된 코드 블록입니다. 같은 코드를 반복해서 작성하는 대신, 함수를 한 번 작성해 두고 필요할 때마다 재사용할 수 있습니다.

왜 함수를 사용할까?

  • 코드 중복 감소
  • 코드를 이해하기 쉬워짐
  • 큰 프로그램을 조직하는 데 도움
  • 로직 재사용 가능

함수 만들기

JavaScript에서는 function 키워드를 사용해 함수를 만들 수 있습니다.

function greet() {
    console.log("Hello, welcome to JavaScript!");
}

함수 호출하기

함수를 실행(실행)하려면 이름만으로 호출하면 됩니다:

greet();

출력

Hello, welcome to JavaScript!

매개변수가 있는 함수

함수는 매개변수라 불리는 입력을 받을 수 있습니다.

function greetUser(name) {
    console.log("Hello " + name);
}

greetUser("Athithya");

출력

Hello Athithya

반환값이 있는 함수

함수는 return 키워드를 사용해 값을 반환할 수 있습니다.

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

let result = add(5, 3);
console.log(result);

출력

8

참고

MDN Web Docs – Functions

0 조회
Back to Blog

관련 글

더 보기 »

SVG 애니메이션 소개

SVG를 애니메이션화하는 방법은 여러 가지가 있습니다: - SVG/SMIL - CSS animation - JavaScript SVG/SMIL SMIL은 Synchronized Multimedia Integration Language의 약자입니다.

Time Spender v1

제가 만든 Time Spender v1은 궁극적인 생산성 anti‑tool입니다. 이는 정확히… 낭비하도록 설계된 단 하나의, 고도로 최적화된 목적을 가진 web application입니다.