JavaScript 입문 : 계산기 만들기 응용 - 연달아 계산하기 (2)

이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 

 

 

▒ 연달아 계산하기 (2)

 

이제는 정말 계산기처럼 중간에 등호를 사용하지 않고 사칙연산이 계속 이루어질 수 있게 만들고자 합니다. 지난시간과 코드는 비슷한데 등호(=)를 중간에 사용하지 않고 숫자를 사칙연산을 사용해서 연달아 계산하고자 합니다. 이미 만들어진 코드에서 어디에 어떤 형태로 필요한지 고민해 볼 필요가 있습니다. 

 

단순하게 생각해서 연달아 계신되는 과정은 등호가 아닌 연산자 버튼에서 클릭할 때 이루어지는게 맞을 듯 합니다. 

 

관련되서 순서도를 그려봅니다. 

 

1. 순서도 그리기 

 

연산자 버튼을 클릭하는 기존 순서도를 좀 더 추가해 보면 다음과 같이 나올 수 있을 것 같습니다.  

 

그런데 순서도에서 전부 표현하는 연습을 해야합니다만, 현실적으로 쉽지가 않습니다. 

 

순서도를 기준으로 연산되는 예를 가지고 상세히 적어보는게 (시나리오를 만들어 보는게) 도움이 되기 때문에 두가지 방법을 병행하면서 하는 편을 추천 드립니다. 

 

 

예를 들어 1 + 2 + 3 + 4 + 5 .... 를 생각해 봅니다. 편의상 더하기로

 

첫번째 수 1을 입력 하고 

 

연산자 매개변수인 +가 나오고 

 

두번째 수 2를 입력하고 

 

첫번째 수 1과 두번째 수 2가 더하기 계산이 되고 

 

 

결과값 3이 첫번째 변수에 저장이 되고 

 

 

 

연산자 매개변수 결과값(화면출력 값)을 빈값으로 만들고, 연산자 변수값을 빈값으로 만들고, 두번째 수 변수값을 빈값으로 만들고 

 

연산자 매개변수인 +가 나오고 

 

연산자 매개변수 +가 나오면서 1 + 2 가 계산이 되는 식

죽, 연산자 매개변수를 정의하는 onClickOperator에서 사칙연산이 일어나는 코딩 필요

 

결과값 3이 화면에 표시된 후 이 값이 다시 첫번째 수(변수)에 저장이 되고 두번째 수는 빈값으로 하고 

 

다시 두번째 수로 되는 3을 입력하고

 

첫번째 수 3과 두번째 수 3이 더하기 계산이 되고 

결과값 6이 첫번째 변수에 저장이 되고 .....  반복됨

 

 

이제 겨우겨우 프로그램을 따라하는 수준이 되었습니다. 

 

아직 키보드와 연결을 시키는 능력이 없고 공학용 계산기처럼 복잡한 프로그램을 할 수도 없습니다. 그렇다고 계산기의 모양을 예쁘게 꾸미는 능력도 아직은 없지만 한발 한발 나아가다 보면 분명히 성과가 있을것이라고 다시한번 다짐을 해봅니다.