나만의 계산기 만들기

 

 

아래 이미지는 12/26일 페어 실습 때 만든 계산기 목업이다.

 

 

 

 

먼저 아래와 같이 파워포인트를 이용하여 간단한 와이어 프레임을 만든 후 작업하였다.

 

 

배경과 글꼴은 웹에서 가져와봤고, 정렬은 flexbox를 이용했다.
계산기 각 부분의 색은 크롬 응용 프로그램으로 배경색을 따와 활용하였다. 

 

 

하면서 어려웠던 점은 먼저, flex 정렬이 의도와 다르게 반영되는 경우가 많아서 다루기가 쉽지 않았다. 원하는 대로 구조를 짤 수 있도록 연습해야겠다는 생각이 들었다. 그리고 별거 안 한 거 같은데 코드가 꽤 길게 나왔다. 코드를 좀 더 깔끔하게 정리할 수 있는 방법을 찾아봐야겠다. 

 

 

이번 실습을 통해 그동안 배운 내용을 이용하여 처음부터 끝까지 직접 무언가를 만들어 볼 수 있었다. css도 이것저것 검색하고 적용해보면서 많은 것을 배울 수 있었다.

 

 

아무래도 목업만 달랑 있는 건 아쉬우니까 다음에 자바스크립트를 연결해 진짜 계산기 기능을 할 수 있도록 만들어봐야겠다. ( → 만들어봄!   https://ddppp.tistory.com/63 )

✨ 귀여운 계산기 ✨