TIL 22.12.24 & 계산기 만들기(연습)

수업시간에 목업 계산기를 제작하며 flex box를 익혔지만,

부족함을 느껴 복습겸, 계산기를 따로 제작해 보았다.

 

나름의 깔끔한 디자인을 원해서, 토스 홈페이지에서 색상 배치도 보고,

계산기 어플들의 디자인을 살펴보고 제작하였다.

 

계산기를 만들면서

부모 component와 자식 component에 flex의 어떤 요소를 넣을지 구분이 가게 되었고,

익숙해질 수 있었던 것 같다.

 

기본적인 틀을 제작 후,

box-shadow를 통해 그림자를 주고,

hover 를 통해 버튼이 마우스에 닿으면 색상을 바뀌게  제작했더니 그럴듯한 모습으로 나왔다.

 

간만에 직접 뭔가를 제작해보니, 간단한 결과물이지만 뿌듯한 느낌을 받았다.

오늘 연습한 내용을 통해서, 월요일에 목업 계산기를 마무리 지어야겠다.