본문 바로가기
기획자・디자이너를 위한 넓고 얕은 개발 지식/Javascript

6화. 자바스크립트의 함수란?

by theblnc 2024. 10. 28.
반응형

자바스크립트의 함수란? 

안녕하세요! 오늘은 자바스크립트에서 함수가 무엇인지 정말 쉽게 설명해 드릴게요. 함수는 특정한 일을 대신 해주는 작은 도구라고 생각하면 돼요. 자, 이제 차근차근 알아볼까요?


1. 함수란 무엇인가요?

함수는 특별한 일을 미리 정해놓고 우리가 부르면 그 일을 대신 해주는 작은 로봇 같은 거예요! 필요한 일을 함수를 통해 쉽게 할 수 있죠.


2. 함수를 어떻게 만들 수 있나요?

자바스크립트에서 함수를 만들려면, 먼저 이름을 정해주고 그 함수가 무슨 일을 할지 적어야 해요.

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

 

위 코드에서는 sayHello라는 함수를 만들었어요. 이 함수는 "안녕!"이라고 인사하는 일을 할 거예요.


3. 함수를 어떻게 사용할까요?

만든 함수를 부르면 그 함수가 정해진 일을 해요! 함수 이름 뒤에 **괄호()**를 붙여서 부를 수 있어요.

sayHello(); // 결과: "안녕!"

 

이렇게 부르면 sayHello라는 함수가 실행되고, "안녕!"이라고 말하게 돼요.


4. 함수에 정보를 전달할 수 있나요?

네! 함수를 만들 때 **정보(값)**를 받아서 그걸 가지고 일을 할 수 있어요. 예를 들어, 누군가의 이름을 받아서 그 이름으로 인사할 수 있어요.

function greet(name) { 
	console.log("안녕, " + name + "!"); 
} 

greet("Charlie"); // 결과: "안녕, Charlie!"

여기서는 greet 함수가 **이름(name)**을 받아서 그 이름으로 인사를 해요. Charlie라는 이름을 넣으면, "안녕, Charlie!"라고 말해요.


5. 함수는 결과도 돌려줄 수 있어요!

함수는 계산을 한 후에 결과를 돌려줄 수도 있어요. 예를 들어, 두 숫자를 더하는 함수를 만들어볼게요.

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

let result = add(3, 4); // 결과: 7 
console.log(result); // 출력: 7
 

여기서 add 함수는 두 숫자 a와 b를 받아서 더한 결과를 돌려줘요. 그래서 3과 4를 더하면 7이 나와요!

 

반응형

6. 함수는 왜 좋을까요?

함수는 우리가 반복해서 해야 하는 일쉽게 할 수 있도록 도와줘요. 한 번 함수를 만들어 두면, 나중에 필요할 때마다 부르기만 하면 돼요!


결론 : 함수는 자바스크립트의 작은 로봇!

함수는 자바스크립트에서 특정한 일을 대신 해주는 도구예요. 우리가 함수를 만들고, 부르면 그 일이 실행돼요. 자바스크립트에서 함수를 잘 사용하면 복잡한 일도 쉽게 처리할 수 있답니다!


이제 자바스크립트 함수가 무엇인지 잘 알겠죠? 😊 함수를 활용해서 더 재미있게 자바스크립트를 배워보세요!

반응형