[Daily Scrum] 22.01.13 (목) - Dumboz/yalp GitHub Wiki

1. 어제 한 일

강희

  • Star 컴포넌트
    • propTypes oneOf 추가
    • props width 추가
  • Rating 컴포넌트
    • proTypes oneOf, 사용자 정의 함수(range0to5) 추가
    • Text 컴포넌트 추가
  • GlobalStyle reset css 추가

손원재

  • initSVG 추가할 svg 추가

    • fillstar
    • leftarrow
    • rightarrow

  • Comment 컴포넌트 수정

    • title 타입을 string에 필수로 지정

  • CommentList 컴포넌트 로직 수정

    • CommentList 내에서는 반드시 Comment 컴포넌트를 사용하도록 제한

  • Servie 컴포넌트 제작

    • 생김새는 Comment와 비슷하지만 역할과 조금의 생김새 차이가 있어 따로 제작

박지영

  • arrow button 추가
  • Tags 추가
  • PriceFilterButton 로직 수정

윤석규

  • selection 버튼 접근성 추가
  • selection 체크박스 / 라디오 타입에 따라 check 상태 변경 하기

2. 코드 리뷰

강희

  • useCallback, useRef빼기
  • stars.current

손원재

[comment list]

  • CommentList 하나만 있는 경우도 가능하도록 추가
  • color 변경할 수 있어야할듯
  • $$$ → 스크린 리더가 expensive라고 읽을 수 있어함.
  • aria-label 공부하기

박지영

[filter]

  • $ → boolean임을 알 수 있게 작성하면 좋을듯
    • inexpensive
    • moderate
    • pricey
    • expensive
  • useReducer 공부해서 적용해보자.
    • 석규님이랑 겹치니까 같이 의논해보기

[arrow button]

  • arrow button → disabled props 추가해야함
    • 이미지가 first, last child일때

[Tag]

  • width height를 받지 말고 padding값을 지정하는 방식으로 변경이 필요
    • size, margin, padding → utils
  • styled-component로 작성한 컴포넌트는 styled.js로 구분함이 필요

윤석규

[checkBox list]

  • useReducer, useMemo, React.memo, useCallback 등을 공부해서 리렌더링 방지
  • 지영님의 filter와 형태가 유사함. 회의 필요
  • 옵션 별 모달 창 띄우기
  • 키 트랩 구현하기

3. 오늘 할 일

공통사항

  • text가 사용되는 컴포넌트에 text color값 조정 가능하게 하기
  • text weight도 수정 가능하게 만들기
  • 기본적인 검은색은 gray500으로 지정

강희

  • Rating 컴포넌트에 useRef, useCallback 로직 수정하기
  • px을 px2rem으로 수정
  • Button 컴포넌트 기능 추가
  • Text 컴포넌트 분할
  • 스토리북코드 추가

손원재

  • Yelp API 확인해서 넘겨주는 정보 확인하기
    • 날짜별 오픈 정보
    • 현재 오픈 정보

박지영

  • PriceFilterButton 로직 가독성이 있게 리팩토링
    • useReducer 사용
  • arrow버튼 disabled상태 추가
  • Tag컴포넌트 width, height 대신 일관적인 size? 같은 prop으 사용

윤석규

  • 지영님과 Filter부분 공통적으로 작성할 수 있게 하기
  • 키 트랩 걸기