2021년 6월 22일 화요일의 배운 내용을 기록한 문서입니다.
(스프린트 내용은 아래에 링크를 달아두었습니다. 대신 Achievement Goal들과 Bare Mimimum들을 적어두었습니다 .🙂)
👉🏻계산기 스프린트 : https://velog.io/@heewonkim-dev/Sprint-02calculator
Achievement Goals
- 스프린트에 작성된 HTML, CSS를 보며 복습할 수 있다.
- HTML, CSS, JS로 두 숫자의 사칙연산을 할 수 있는 계산기를 만들 수 있다.
- Github 웹 GUI를 이용해, Drag & Drop으로 과제를 제출할 수 있다.
Bare Minimum Requirements
Bare Minimum Requirements는 소프트웨어가 그 역할을 하기에 필요한 최소한의 요구사항입니다. 소프트웨어의 프로토타입을 빠르게 만들고, 프로토타입을 두고 기획자, 디자이너와 함께 회의를 하고 유져 경험을 개선할 수 있습니다. 개발자도 프로토타입을 생성하고 공유하고, 테스트하는 과정에서 이 소프트웨어에서 생길 수 있는 오류를 좀 더 빠르게 예측할 수 있습니다.
Step 1 - CSS 마음껏 수정하여 예쁜 계산기 만들기
calculate.html파일은 그대로 두고,yourStyle.css파일을 수정합니다.- 자신이 원하는 디자인으로 계산기를 꾸며보세요.
Step 2 - 버튼이 잘 동작하는지 확인하기
- 버튼을 클릭했을 때, 각 버튼이 잘 동작하는지 개발자 도구의 콘솔 탭에서 확인하세요.
Step 3 - 기본적인 계산 기능 구현하기
- 연산 시
script.js의calculate함수를 활용할 수 있도록 함수calculate를 작성합니다. - 처음 숫자 버튼을 클릭했을 때, 첫 번째 화면에 누른 숫자가 나타나야 합니다.
- 숫자 버튼과 연산자 버튼을 순서대로 클릭했을 때, 첫 번째 화면는 숫자, 두 번째 화면에는 연산자가 나타나야 합니다.
- 숫자 버튼, 연산자 버튼, 숫자 버튼을 순서대로 클릭했을 때, 화면에 숫자, 연산자, 순자가 순서대로 나타나야 합니다.
- 숫자 버튼, 연산자 버튼, 숫자 버튼, 엔터 버튼을 순서대로 클릭했을 때, 화면에 숫자, 연산자, 숫자, =, 연산 결과가 순서대로 나타나야 합니다.
- AC 버튼을 클릭했을 때, 화면에 0, +, 0, =, 0 이 순서대로 나타나야 합니다.
Step 4 - SpecRunner.html의 모든 테스트를 통과한 후 Github 홈페이지에 파일을 업로드 하여 과제 제출하기
- 미리 작성된
SpecRunner.html파일을 열고, Requirements을 전부 구현했는지 확인 합니다. - 무작정 따라하고 과제 제출하기 영상을 참고해서 코드스테이츠 레포지토리로 과제를 제출합니다.
Written with StackEdit.
