📖 Week 5

이번 주 목표

• 버그 수정
• 코드 리팩토링
• 부하 테스트(PM2, NGrinder)
• 테스트 코드 작성
• 라이트하우스 점수 높이기

이번 주 계획

🖊️ 문제 만들기

• 화요일? 수요일? → 월요일에 결정

🛠️ 구현 계획에 있던 기능

1. 문제 출제 페이지 콘솔 추가
2. API 제출 디바운싱 적용

🐞 버그 수정

1. 문제 리스트 페이지에서 문제를 가져 올 때 무한 로딩이 발생하는 버그
2. 문제 리스트 페이지에서 화면 크기에 따라 무한 스크롤이 적용 안되는 버그

🛠 리팩토링

통합

1. 중복 제거

프론트엔드

1. 화면 크기에 따라 무한 스크롤이 적용 안되는 문제 해결
2. 하드코딩된 문자열들 상수 파일을 만들어서 묶어야함
3. 중복되는 styled component 태그들을 따로 모아서 정리할 것
4. 하드코딩된 style 값들을 변수화 (특별한 문제 없으면 아직 냅두자...)
5. 마우스 스크롤 빠르게 하면 로딩 에러
6. 로그아웃 이후에 홈이나 문제 리스트 페이지로 이동
7. 카테 고리 변경 시에 코드가 지워질 수 있다는 경고문이 필요할 듯
8. 가이드라인을 chai 링크에 추가
9. 소개 페이지 통계 숫자에 Intersection Observer API를 적용해서 스크롤을 내렸을 때 증가 함수를 호출하도록 구현

백엔드

1. 메인 페이지 통계 데이터 받아오는 부분 JSON형식으로 변경(프론트에서 하드 코딩 되어있음 이것도 변경)
   1. 프론트의 배열 → 객체 로직을 백엔드로 옮기기
2. 백엔드 상수 const.ts 에 분리
3. 메인 페이지 AuthorId불러오는거 추가
4. 통계 기본 API(각각은 아직 프론트에서 안써서 URl바꿔도 될듯)

🥵 부하 테스트

• NGrinder
• PM2