계산기 만들기 Sprint
페어 프로그래밍으로 계산기 만들기 과제 수행
HTML과 기본 CSS는 제공받고 CSS수정 및 JS코딩으로 계산기 만들기 수행
- CSS에서 배운 점
1) Selector : hover {} 로 hover기능을 넣으면 마우스가 해당 Selector위에 위치할 때 색깔이 바뀌는 효과를 줄 수 있음
2) Selector : active {} 하면 Selector를 클릭할 시 순간적으로 색깔이 변하는 효과를 줄 수 있음
3) Clip-path를 사용하면 box모양을 원하는 모양으로 변경할 수 있음. clip path maker로 구글링하면 쉽게 사이트 발견할 수 있음.
- JS에서 배운 점
1) 유저가 입력을 어떻게 하든 오류가 발생하지않도록 조치하는 것이 주요 포인트
2) 5+ = 10 으로 계산되고, 10-+5=15 로 계산되고, .5를 입력해도 화면엔 0.5라고 표시되는 등 유저가 실수로 어떻게 입력해도 오류가 나지 않고 최대한 의도한 대로 결과가 나올 수 있도록 JS 코딩해야 함
! 계산기 만들기라고 해서 쉽게 봤는데, 예외 처리할 것이 생각보다 많아서 놀랐다. 단순해 보이는 프로그램도 생각외로 공을 많이 들여야 하는 구나라는 것을 알게 해준 Sprint였다.