최종 프로젝트 4~5주차에 가장 집중해주셔야 할 것은 “완성도 높이기”입니다.
MVP에 추가 및 보완해야 할 기능과 우리의 서비스에 담긴, 인정 받을 수 있는 고민을 정리해주세요.
튜터님들과 함께 프로젝트를 높은 완성도로 마무리 할 수 있는 방향을 점검해 봅니다.
•
지금까지 완성한 코드의 개선을 위한 트러블 슈팅에 대해 고민하신 후, 가장 적합하다고 생각하는 트러블 슈팅을 팀원 별로 한 가지 작성해 주세요!
◦
트러블 슈팅은 코드는 구현된 상태에서 ‘느린 것을 빠르게’ 와 같은 개선 시킨 경험을 말합니다.
◦
아직 잘 모르겠다면, 고민 중인 내용을 작성하거나 고민이 필요한 키워드를 튜터님과 논의합니다.
◦
팀원 개인별로 작성해주세요.
▪
박지영
•
퀴즈 리스트 페이지에서 useEffect 에 의존성 배열이 잘못 설정돼 있어서 로그인 유저와 프로필 정보를 무한으로 요청하는 문제점이 있었는데, 배열을 비워줌으로써 해결함
▪
김소현
•
admin, reports 테이블을 하나로 합쳐 신고 데이터 관리를 더 간편하게 함
▪
김연재
•
타자연습에 배경을 넣은 후, 로딩이 엄청 느려졌었는데 해상도 낮은 이미지로 변경해서 해결함
▪
김형민
•
현재 위치한 메뉴에 보더가 생기도록 했었는데, 그 페이지 내 route 에 접근하면 보더가 사라져서 usePathname 을 이용해서 url 에 그 메뉴가 포함되어 있으면 보더가 유지되도록 함
▪
박재민
•
category 를 컴포넌트마다 import 해서 사용하고 있었는데 layout 을 활용하여 코드 중복을 개선함
•
post 페이지와 edit 페이지의 비슷한 구성의 코드중복이 많아서 컴포넌트화 시켜서 코드 중복을 개선함
•
프로젝트에 새롭게 도입한 기술이 있다면 정리해 주세요! (도입 이유도 꼭 적어주세요!)
◦
lodash library
▪
Debouncing 과 Throttling 을 사용하여 제출 시 중복 제출을 막기 위해 사용함
◦
Naver News API
▪
사용자에게 한국어 학습을 위한 읽을 거리 제공을 위해
◦
다국어 지원
▪
타겟층을 고려하여 한글뿐만 아니라 영어 번역 도입
•
이번주 한 일 - 팀
•
이외에도 기술적인 방향을 잡기 위한 질문을 정리해오시면 가장 좋습니다!
→ 단, “A는 어떻게 구현하나요”의 질문은 삼가주세요.
→ “A와 B를 알아보았는데, 둘 중 A가 낫다고 판단했는데 맞을까요?”의 식의 고민의 흔적을 담아 질문해주세요.
◦
api에서 Promise.all 퀴즈 등록하기 더 쉽게 할 수 있는 방법
◦
소셜 로그인할 때 profiles 테이블에 바로 isnert하는 더 좋은 방법
◦
헤더에 새로고침 없이 변경된 로그인 정보가 바로 뜨게 하려면? (프로필사진 즉시 업데이트, 관리자 로그인시 관리자메뉴 바로보이게)
◦
따닥 문제... e.g. 제출(?) 버튼을 여러번 누르면 여러번 제출 됨.
•
숙제: 멘토링 결과 다음 주까지 해올 일
◦
팀 전체 (리더와 부리더님께서 필두로 정리해 주세요.)
▪
모바일 CSS
▪
페이지별 영어
◦
팀원 개인별로 작성해 주세요.
▪
박지영
•
퀴즈 등록하기 디바운싱 적용
▪
김소현
•
퀴즈 제출하면 정답 볼 수 있게
▪
김연재
•
게시글 조회수 어뷰징 방지
▪
김형민
•
타자 연습 겹치는 단어들 CSS 변경
▪
박재민
•
댓글에 작성 날짜, 시간 표기