21.07.28{코딩일기} 블랙커피 Lv2 5기 3주차 코드리뷰 후기 | 계산기테스트코드 리팩토링 |cypress 계산기 테스트코드작성

계산기미션을
cypress 테스트코드로
7가지 기능중 5개를 구현해서
테스트완료하고
6번째 기능을 구현중에 있는데,
재밌었다.

학원에서 내주는 미션과제랑
병행하는게 상당히 정신적 체력적으로 쉽지 않았다.

---

---

그럼에도 불구하고 cypress로 처음 테스트코드를 짜보고 돌려본 경험은 넘나리 짜릿했다.

#cypress 설치 

주로 사용하는 에디터로 테스트 코드를 만들고 싶은 프로젝트를 연다.
그리고 터미널창을 열고 아래와 같이 cypress설치를 실행시킨다.
공식문서 참조바람 https://docs.cypress.io/guides/getting-started/installing-cypress#npm-install

Installing Cypress | Cypress Documentation

npm add cypress로 cypress를 우선 설치한다

---

이전에 해당 프로젝트에 설치해놓은게 있어서 업데이트를 해주기 위해 npm audit fix를 입력했다.

---

그다음 npx run cypress 해서 실행시켜준다음

아래와 같이 npx cypress open을 해주면 테스트가 돌아간다.

 

두구두구두구

---

정상적으로 cypress가 오픈되면 위와 같이 모달창이 뜬다. 이제 Run을 눌러 실행시켜보자

---

 

아 근데.. 테스트를 실행시켰더니 로그인에서부터 막힌다..

위 부분은 시간이 없는관계로 추후 업데이트 하겠다.

---

# 3주차 코드리뷰 회고

스스로 짠 코드를 코드리뷰 해보니까 몹시 신선했다.
내가 코드를 짤 때 깊게 고려하지 못하고 짠 부분들을 발견했고,
그 점들을 중점적으로 빠르게 찾아보고 다시 코드리뷰를 남길 수 있어서 유익했다.

100%내가 다 짠 코드가 아니라 일부 패턴은 다른분들의 코드를 참조해서
작성한 코드라 더욱 코드리뷰할때마다 구조가 새롭게 보이고,
코드의 특징들을 더 잘 이해할 수 있었다.