계산기
바닐라 자바스크립트로 아이폰 계산기 클론 코딩하기
요구사항
필수
- 사칙연산:
+ - * / - 부호 토글:
+/- - 계산기를 클래스로 구현
- AC 기능: 0 으로 초기화
- 연산자를 클릭할 때마다 결과 업데이트
- C(CE) 기능: 마지막 연산의 숫자를 지우기 (
3+1→3+)
선택
- 퍼센트:
% - 반복 계산:
=를 연속으로 누르면 이전 연산 반복 - 버튼 클릭 시 색이 변하는 기능
- 그 외 부가 기능
배운 점
Number와String함수로 숫자와 문자열 변환하기- 이벤트 객체를 매개변수로 받아서
target속성 활용하기 includes메서드로 문자열 안에 해당 문자가 있는지 확인하기active로 버튼 클릭 시에 색이 변하도록 하는CSS기능- 지나친
if문 사용을 자제하고 인덴트를 줄이는 방향으로 리팩토링 FLEX뿐만 아니라GRID를 활용하여 간격 맞추기
개인별 기록
저장소
- @MichelleJin12: MichelleJin12/vanila_js_counter
- @hhkim0729: hhkim0729/vanilla-calculator
- @S0YKIM: S0YKIM/VANILLA_CALCULATOR
- @srngch: srngch/vanilla-js-calculator
- @dopamingo: dopamingo/js-calculator