Menu
CoddyTech

함수 선언하기

Coddy JavaScript 여정의 기초 섹션에 포함된 레슨. 77개 중 45번째.

함수는 이름이 있는 코드의 연속입니다. 함수의 목적은 코드의 일부를 여러 번 재사용하는 것입니다.

예를 들어, 이 코드를 살펴보세요:

console.log("Welcome to Coddy");
console.log("New session...");
console.log("Welcome to Coddy");
console.log("Another session...");
console.log("Welcome to Coddy");

같은 코드 console.log("Welcome to Coddy")를 계속해서 사용합니다. 이 코드의 또 다른 문제는 메시지 Welcome to Coddy를 "Welcome aboard"처럼 다른 내용으로 바꾸려면 코드의 서로 다른 3개 줄을 변경해야 한다는 것입니다. 이 문제를 해결하기 위해 함수를 사용하겠습니다.

함수를 선언하려면 다음 구문을 사용합니다:

function functionName() {
    code;
}

예시에서는 greet라는 함수를 만들겠습니다. 함수는 다음과 같습니다:

function greet() {
    console.log("Welcome to Coddy");
}

함수를 사용하거나 호출하거나 실행하려면 greet()라고 씁니다:

greet();
console.log("New session...");
greet();
console.log("Another session...");
greet();

이렇게 하면 위와 같은 출력이 나옵니다.

참고: JavaScript에서는 함수 선언이 호이스팅되므로 코드에 나타나기 전에 호출할 수도 있습니다. 하지만 코드를 명확하고 읽기 쉽게 작성하려면 함수를 호출하기 전에 작성하는 것이 좋습니다.

challenge icon

챌린지

쉬움

숫자 하나(주어짐)를 입력받는 프로그램을 작성하세요. 입력된 숫자는 아래 함수를 몇 번 실행할지 나타냅니다. 

1부터 10000까지의 모든 숫자의 합(포함)을 계산해 출력하는 함수를 만들고, 함수 이름은 원하는 대로 지정하세요.

참고! 코드에서 함수 호출/실행문보다 함수를 먼저 작성하세요.

직접 해보기

// 아래에 함수를 작성하세요


let n = parseInt(inp); // 이 줄을 변경하지 마세요

// 반복문을 사용해 함수를 n번 실행하세요
quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

기초의 모든 레슨

직접 연습해 보세요: 온라인 JavaScript 컴파일러