[실습] 계산기를 만들어 보자

어떤 계산기를 만들까? Figma 툴을 사용해 간단한 도형으로 그린 와이어 프레임입니다. 가능한 컬러와 세밀한 스타일은 제외하고, HTML과 CSS Flex로 주요 레이아웃을 잡았습니다.

숫자 버튼을 눌렀을 때, 계산기 화면에 숫자가 보여야 한다. 숫자를 연속으로 눌렀을 경우 숫자가 이어 붙어야 한다. 연산자 기호를 누르면 계산기 화면에 보이는 숫자는 사라진다...

이전에 만들었던 계산기에 디자인 스타일을 하나 더 만들어 보았습니다. 뉴모피즘은 미니멀리즘 디자인에 공간감을 부여한 디자인이라고 하네요. 종종 봐왔는데 용어가 생소.. 천으로 덮어놓은 듯 부드러운 느낌이 특징...