🏃‍♂️Week3: 코드 달리기!

06.06(월)

• ☄️ 푸시 전에 에러 확인하고 커밋하기
  • 개발자 도구 켜서 확인하기
• 프론트 PM: sujpark
• sujpark
  • 매치 관련된 컴포넌트 매치아이템 → 매치 보드 → 매치 보드 리스트 코드 설명
    • 기존 matchTable에서 api로 받아오는 데이터도 table로 되어있어서 구분을 위해 변경함
  • api 연결하는 법 설명
    • 서버 모킹을 위한 msw를 적용 할려고 했으나 문제가 생김
    • Next.js를 이용한 목업 API를 만들어서 적용
• jabae
  • 레이아웃 페이지 시연 및 설명
    • _app.tsx 파일을 만들고, layout 컴포넌트를 만들어 적용함

Daekim, kipark 숙제 발표

• Daekim

  • axios
  • javacript 함수 설명

• Kipark

  • axios
  • map key id props 필요한 이유

• kipark, daekim 과제

  • Async await 학습
  • Axios + Next API 사용해서 적용하기 + 코드리뷰
  • useState useEffect 학습
  • • 시간 남으면 recoil :

• sujpark

  • next api 매치 페이지 연결 코드 작성 및 푸시
  • issue 수정
  • msw 모듈 삭제
  • import 규칙 정하기
  • 매치 페이지 이어서 제작

• jabae

  • 레이아웃(헤더, 메뉴바, 알림바, 푸터) scss 적용
  • 알림 next api 연결
  • 메인페이지 유저 next api 연결
  • recoil을 사용해 메인페이지의 데이터를 헤더에 유저 이미지, 알림 적용

06.08

• Daekim

  • Recoil 발표

• Kipark

  • Login 페이지 검사

• 수정님 Today 브리핑

  • 에러처리 리스트
    • 아톰 키 에러
      • 넥스트 js에서 생기는 문제 싱글 페이지 어플리케이션이 아니라 생기는 문제
      • 이미 고유값을 가지고 있는 친구를 다시 선언하게 되어서 문제가 생긴 것 같다.
      • 기능적으로 문제 없음
        • 해결방법
          • 에러 메시지를 무시
          • 난수 생성해서 에러 메시지가 뜨지 않게 하는 방법
    • 개발자 도구 켜서 콘솔에 입력을 하면 에러가 나옴
      • 크로미움 기반 문제인 것 같음
        • 크롬은 업데이트 기다려야함
  • 프리티어 쌍따음표 그냥 따음표로 바꾸기

• 리코일 규칙을 만들기

  • utill/recoil 넣어서 관리
  • 아톰 이름 규칙은 : page 단위로 알아서 잘 만들기
    • 추가 이슈
      • UserData를 어디서 받아 오는게 맞는 것인가
      • main에서 받아 오는데 main 페이지에 들어가지 않는다면 처리가 안됨

• 에러페이지 만들기

  • 매칭 페이지 완성되면 프론트엔트 멘토님께 코드리뷰 받아보기

• 일정 관리 토의

  • kipark
    • 큰 컴포넌트, 작은 컴포넌트 만든 다음에 이벤트 처리하기
    • 누르면 각 사용자의 최근 전적 페이지로 가기
    • 무한 페이지 스크롤
      • 기간
        • 수 ~ 주말
  • Daekim
    • 클릭 프로필 페이지 넘기기
    • 누르면 스크롤 이벤트로 위로 가기
    • 무한 페이지 스크롤
      • 기간
        • 수 ~ 주말
  • jabae
    • Main 페이지 이만기
      • 기간
        • 수 ~ 금
          • 페이지
        • 금 ~ 주말
          • 디자인
  • sujpark
    • 현재 매칭정보 처리
    • User 페이지 주말 전 착수

6.9

• 스크럼
  • Daekim
    • toDolist (확인)
    • 할 일
      • API 페이지 분리 및 재구성
      • 해당하는 순위 스크롤 이동 구현
  • Kipark
    • 작은 컴포넌트 추가 및 이벤트 처리 (확인)
    • sujpark님 피드백
      • 리코일에 여러가지 함수 기능 있음 찾아보기
      • 함수 이름 잘 쓰기
      • API에 해당하는 상세 명세서 찾아보고 구현하기
      • 컴포넌트 이름은 무조건 대문자
        • game.tsx 페이지 함수 이름 game으로 바꾸기
    • 할 일
      • css 공부
  • jabae
    • 메인 페이지 작업
    • 검색 페이지 작업
    • 할 일
      • 서치 바 건들기
      • 결과 입력 페이지
  • sujpark
    • API 구성 변경
    • 매칭정보 보여주는 컴포넌트 작성
• 컴포넌트 내용 회의

6.10

• 지현님 합류!!
  • 각 페이지 및 API설명
  • 프로젝트 흐름도 및 방향설명
• Daekim
  • 담당 컴포넌트 설명
  • 할 일
    • 리코일
    • 무한스크롤 적용
• Kipark
  • 담당 컴포넌트 설명
  • 할 일
    • 각 요청에 맞는 API구성 및 화면에 뿌리기
    • 코드 예쁘게 만들기
    • 무한 스크롤
• sujpark
  • 담당 컴포넌트 설명
  • 할 일
• jabae
  • 컴포넌트 설명
  • 할 일
    • 디바운스 검색 구현
    • 검색 지치면 스코어 입력 페이지
    • 디자인
    • 지현님 마크해서 알려주기
• jihyukim
  • 자기소개
  • 브리핑듣기
  • 스코어 페이지 파트 맡기