며칠전 CSS Grid 기능에 대해서 공부했다.

공부를 하면서 Grid 기능을 이용하여 계산기를 만들면

요소들을 배치할 때 편리할 것 같다는 생각이 들었다.

그래서 복습할겸 프로그래밍 연습도 할겸 계산기를 만들어 봤다.

• container 요소 안에 grid 기능을 이용해 버튼들을 배치했다.

• ÷ , × , - , + 버튼을 이용해 기본적인 사칙연산이 가능하다.

• ' = ' 버튼을 누르지 않고 사칙연산 버튼만을 누름으로써 사칙연산이 가능하다.

• ' . ' 버튼으로 소수점 표현 및 계산이 가능하다.

• ' + / - ' 버튼으로 음수 표현 및 계산이 가능하다.

• ' C ' 버튼으로 입력된 값들을 초기화 시켜줄 수 있다.

• backspace 버튼이 있어 입력값을 수정할 수 있다.

• ÷ , × , - , + 버튼을 이용해 기본적인 사칙연산이 가능하다.

• ' ÷ ' 연산

• ' × ' 연산

• ' - ' 연산

• ' + ' 연산

• ' = ' 버튼을 누르지 않고 사칙연산 버튼만을 누름으로써 사칙연산이 가능하다.

• ' . ' 버튼으로 소수점 표현 및 계산이 가능하다.

• ' + / - ' 버튼으로 음수 표현 및 계산이 가능하다.

• ' C ' 버튼으로 입력된 값들을 초기화 시켜줄 수 있다.

• backspace 버튼이 있어 입력값을 수정할 수 있다.