[자바스크립트 기초] Function 함수호출 및 연산 스크립트

[자바스크립트 기초] Function 함수호출 및 연산 스크립트

오랫만에 자바스크립트에 대해서 글을 씁니다^^

오늘 배웠던 것은, 자바스크립트 중에서도 함수 부분에 대해서 좀 더 자세히 들어가기 위한

기초단계라고 생각해 주시면 될 것 같습니다.

기존에 포스팅 했던 자바스크립트 강의 내용들과 중복되는 부분이 많으므로,

함수 부분은, 저번에 BMI 비만도 계산기 스크립트를 보시면, 많이 나와요^^

그 부분의 태그를 보시면서 연구하셔도 좋은 도움이 되지요!

우선은, 아래의 스크린샷을 보시길 바래요.

보시면, 함수의 기본 개념을 도형으로 표현해 놓았는데,

간단하게 말해서, 함수는 일종의 마술상자 라고 하면 되겠어요.

이 마술상자에는 공식이 들어가 있고, 우리는 그걸 트릭 이라고 하죠^^

마술에서 표현하는 방식이 트릭~ 이잖아요^^

여기에 인수라는 재료가 들어가면, 새로 변해서 반환값이 나오게 되요^^

자, 바디 부분에 스크립트를 구성해 보았습니다. 여기에 인수는 func1 이라는 재료를 준비하였습니다.

그리고, () 요 괄호 안에는...아무것도 준비되어있지 않지요.

함수호출 이라는 글씨를 그대로 출력하되, 재료까지 첨가되면 합쳐져서 나올텐데....

재료가 없는 관계로....ㅠ_ㅠ 그러면 어떻게 되는지를 보시면 되겠죠?

자! 그럼 func1() 를 넣어볼까요????

네....역시나, 재료가 없으니...그대로 함수호출 이라고만 나오게 됩니다.

이번에는, () 안에 a 라는 재료를 준비하였고,

이 상자에 0, 1, 2, 3, 4, 5, 6, 7, 8 가지 첨부재료를 준비하였어요.

그러면, 메인재료A 에 각각 추가로 넣은 재료들이 붙는걸 아시겠죠???

이런식으로 출력이 됩니다.

여기에 더욱 응용을 하여, 이번엔 두 재료를 더해보죠^^

더하기는 영어로 add 잖아요? add 라고 함수이름을 정하구, 요기에 a와 b 라는 재료를 준비하였습니다.

a 재료는 100이라는 숫자이고, b는 200 이라는 숫자에요. 이 두 재료를 더하면?

당연히 300이 나와야 되는데 말이죠~!

스크립트는 위처럼 준비해 주세요.

네^^ 정상적으로 잘 나오는군요. 후후후후~!

이번에는 뺄샘입니다.

중요한 것은, 공식이 들어가야 하는데, 저기 a - b 부분 보이시죠? 이 부분에서 계산이 되고,

재료를 정의해 주는 것은 맨 마지막 부분이죠.

네. 잘 나옵니다^^

마찬가지로, 곱셈과 나눗셈도 이런식으로, 공식과 함수이름만 주의하셔서

잘 정의해 주시기만 하면, 잘 처리가 됩니다.

그렇죠? 곱샘이 잘 나와요^^

나눗샘도 마찬가지로, 이렇게~!

아! 혹시나 해서 말씀 드리는데, div 이런 함수 이름이 막 중요하거나 그런게 아니에요^^

그냥 보기 좋게 내 고양이에 이름 붙여주듯 그런 개념이에요. 후후후~

아무거나 이름 지어 주셔도 됩니다.

중요한 부분은, 저기 a/b 이 부분에서 계산을 처리하게 되는 것이니,

그리고, 이름 정하셨으면 마지막 함수호출 부분도 이름을 똑같이 써주셔야 하는것!

요것만 주의해 주시면 되요.

오우~ 무한소수가 나오는군요....ㅇㅅㅇ

뭐...어쨌든, 계산은 잘 하고 있네요~! 흐흐흐흐!!!

오랫만에 자바스크립트 포스팅을 했는데, 어떠셨나요?

이제 자바스크립트로 계산기를 짜내는 날이 얼마 남지 않았네요! ㅎㅎ

그날이 어서 오기를 학수고대하며^^; 저는 다음에 뵙도록 할께요!