친절한효자손 취미생활

[자바스크립트 기초] 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 이런 함수 이름이 막 중요하거나 그런게 아니에요^^

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


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


오케이3


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

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


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





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

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



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

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

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







공유하기

facebook twitter kakaoTalk kakaostory naver band