코드스테이츠 프론트엔드 1-9

DaeHOON·2022년 11월 1일
0


1. Day-9

오늘은 계산기 구현하기를 했다... 자바스크립트를 이용해서 계산기를 구현해 과제를 제출했다. 마지막 문제인 nigthmare는 옵션이였지만 아직까진 풀지 못했다.. 일단은 두번째 단계인 Advanced Challenges도 꾸역꾸역 해냈으니 다시 이해하러 복습을 떠나자!


2. 학습내용

과제1

  • 튜토리얼1 - 버튼이 잘 눌렸는지 확인하기
    계산기의 숫자버튼을 클릭했을 때의 변화를 개발자 도구의 Console 탭을 이용하여 확인합니다.

  • 튜토리얼2 - 기본 계산 기능 구현하기
    두 숫자의 사칙연산을 할 수 있는 계산기를 구현합니다.

과제2

-튜토리얼1 - 숫자 버튼을 누르고 화면에 숫자를 입력하기
숫자 버튼을 눌렀을 때, 계산기의 화면에 숫자가 보여야 합니다.
숫자 버튼을 여러 번 눌렀을 때, 계산기 화면에 숫자가 이어붙여져야(concatenation) 합니다.

-튜토리얼2 - 연산자 버튼 동작시키기
연산자 버튼을 눌렀을 때, 계산기 화면에 보이는 숫자를 따로 저장하고 계산할 준비해야 합니다.

-튜토리얼3 - Enter 버튼, AC 버튼 동작시키기
Enter 버튼을 눌렀을 때, 이전에 저장한 숫자와 계산기 화면에 보이는 숫자를 계산한 결과를 화면에 보여줘야 합니다.
두 정수의 사칙연산을 수행하는 calculate 함수를 작성합니다.
AC 버튼을 누르면 초기 상태로 돌아갈 수 있어야 합니다.
미리 작성된 SpecRunner.html 파일을 열고, Requirements을 전부 구현했는지 테스트를 돌려서 확인합니다.

-튜토리얼4(optional) - Nightmare 도전하기
영상을 따라 Nightmare 테스트를 활성화하고 더욱 정교한 계산기를 구현합니다.

-튜토리얼5 - Github으로 과제 제출하기
Github으로 과제를 제출합니다.

profile
프론트엔드 개발 velog

0개의 댓글