Pair Programming
2일동안 페어와 Calculator 과제를 진행했다.
Test Case
테스트케이스는 크게 3단계 난이도로 나눠져 있었다.
Bare Minimum Requirements가 기본적인 필수과제이고 나머지는 필수는 아닌 과제 항목이었다.
- Bare Minimum Requirements (필수항목)
- Advanced Challenges
- Nightmare
각 난이도별로 구현해야하는 세부 항목이 있고, Advanced Challenges 부터는 엣지케이스에 대한 부분을 다뤘다.
기수이동 전에는 Advanced Challenges 항목까지만 구현하고 Nightmare는 건드려보지도 못했었는데, 이번에는 Nightmare까지 구현해낸 나 자신을 보며 그래도 처음했을때보다는 내 안에 쌓인 지식이 꽤 있구나 하는 것을 느꼈다. 전과는 다르게 최대한 주어진 변수를 활용해서 구현했다.
뿌듯함에 이왕이면 예쁘게 만드려고 CSS도 좀 더 공들여서 작업했다.
아래는 구현한 계산기 UI이다.
모든 버튼에 hover와 active 스타일을 추가했고,
화면에 연산자는 보이지 않기 때문에 연산자 버튼이 눌리면 js 파일에서 해당 버튼에 'isPressed' 클래스를 넣어 배경색상을 변경해주고 다른 버튼이 눌리면 클래스를 제거하는 방식으로 어떤 연산자를 눌렀었는지 사용자가 좀 더 확인하기 쉽도록 구현했다.
background-image 에는 핸드폰 이미지를 적용하여 좀 더 어플리케이션 같아 보이도록 디자인했다.
이전에 경험해본 과제를 한번 더 진행해보면서 내가 어디까지 확실히 학습이 되었는지 확인할 수 있었고 스스로를 다독일 수 있는 시간이 되었다.
HA 전까지 힘내서 더 불태워야겠다..!🔥
개발자