JavaScript 입문 : 계산기 만들기 - 순서도

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

 

이제부터는 조금 더 다른 자바스크립트를 배워보고자 합니다. 그 중 하나인 계산기 작동을 하게해서 결과값을 도출하는 계산기에 대한 자바스크립트 프로그램을 공부해 보고자 합니다.

 

▒ 계산기 순서도 

 

지난 시간까지 배웠던 순서도를 계산기에도 적용하여 프로그래밍 하는 습관이 필요합니다.

 

아직 실력이 되지 않기때문에 공학용 계산기는 만들수 없고 사칙연산이 가능한 계산기를 만들면서 필요한 자바스크립트 언어를 배우는 목적으로 해야겠네요.

 

1. 기본 순서도 

 

계산기의 기본원리에 대한 순서도를 만들어 봅니다. 아래 그림과같이 계산기를 작동하는 순서대로 순서도를 그려 봅니다. 

 

2. 순서도 세분화

 

기본순서도 기준으로 각각 항목에 대해 세분화를 시켜야 합니다 .세분화는 가능한 자세하게 구분을 시켜야 향후 프로그래밍 하는 과정에서 충분히 해낼 수 있다고 합니다.

 

다음 순서대로 세분화하면 우선 될 듯 합니다.

 

① 변수 순서도

 

어떤 프로그램이든 시작 전 변수를 고민해서 만들어 놓을 필요성이 있습니다. 

 

② 버튼클릭 기본순서도

 

이제는 변수에 대한 순서도를 미리 만들어 놓았기에 나머지 이벤트가 일어나는 버튼클릭에 대하여 순서도를 만들어 줍니다.

 

 

③ 버튼클릭 이벤트 순서도

 

이제는 각 버튼이 눌려질 때 작동되는 이벤트에 대한 구체적 순서도를 작성합니다. 

저도 이제 조금씩 순서도에 무엇이 들어가고 무엇이 순서도에 표시되어야 하는지 이해가 되기 시작 했습니다. 사실 컴퓨터에 이렇게 그림을 나타내기 전에 종이에 손으로 그려가면서 이해할려고 노력해야지 그렇지 않으면 순서도가 머리에 남지 않습니다.