6주차 스프린트 기록

일자 : 2021.11.29

회의 내용

안부 인사 나누기 - 주말동안 어떤일이? 😁

광민 : 주말동안 누님 결혼식 끝나고 뒷정리하다가 끝났습니다.

영수 : 토요일날 김장 + 기능 구현

요한 : 커뮤터, 라이언 일병 봄, 토요일날 기능구현하고 이력서 준비..

웅일 : 가족과의 시간 + 순위 구현

금주 계획 수립

이번주의 주된 목표는 테스트와 리팩토링 그리고 예외, 에러처리

테스트

도구? → 모카, 제스트, 카르마 중? 혹은 다른 것?

방법? → 마클에서 소개 :

• Jest 기반 컴포넌트 테스트
• storybook 기반 컴포넌트 레벨 시각화 테스트
• Test Runner(모카) + puppeteer (결과 확인이 쉽다고 함)
• percy 등의 시각화 도구 + puppeteer

유닛 테스트? 부하 테스트? 통합 테스트?

리팩토링

1. JS를 TS로 변경

2. 쓸데없는 리렌더링 일어나지 않는지 확인해보기 (chrome react dev tool)

   만약 이 부분을 TS로 변경하며 줄일 수 있다면 줄여보기 (useMemo, useCallback)

예외처리, 에러처리

1. url에서 인자를 빼거나 특정 URL로 접근하는 경우 디버깅용 에러페이지가 나타나는 경우가 있음
2. SQL Injection 처리

주된 시나리오

우선 SQL 인젝션 방지를 위해 '?'를 사용하는 SQL문 사용

테스트 코드를 먼저 작성하다가 테스트에서 에러가 발생하면 이에 맞는 예외처리, 에러처리를 하는 경우가 생기게 될 것이고 그렇다면 자연스럽게 해결이 가능할 것으로 예상된다.

그 외에 시간이 난다면 리팩토링 시간을 가진다.

필요한 부분

문서 작성, 생성 부분에서 뒤로가기 누를 경우 alert(or 컨펌 모달창) 생성

→ 진짜로 나갈 건가요? 같은 문구 (예, 아니오)

→ JS 자체에 컨펌 alert가 있는거 같은데? → 확인해보자

회고

Object.entries는 좋은 고차함수이다 하지만... 코드가 어렵다

결론 (이번주 목표 N줄 정리)

1. 전 주차 문서정리 (notion-에픽, git-이슈,wiki,readme )
2. 테스트 라이브러리 선정 후 학습
3. 테스트 라이브러리로 SQL 테스트 수행 후 SQL 인젝션 방지 ('?' 사용 쿼리)
4. 백엔드/프론트엔드 테스트 라이브러리 활용
5. 테스트 후에 필요한 예외처리, 에러처리 하기
6. 프론트엔드 코드 타입스크립트로 변환
7. 서비스 스트레스 테스트 (서버 테스트)

💡 **"테스트를 학습하고 경험하고 적용해보자"**

오늘 계획

10:00 ~ 12:00 : 최종 계획 회의

13:00 ~ 14:20 : 마스터 클래스

15:00 ~ : 특강