[React] 오무: 오늘의 리팩토링

12/20 오늘 한 일

• refactor브랜치 생성: refactor/FriendMailMock
• json 목업 데이터: user -> members로 수정, mails 추가
• friend, mail api url 3001으로 변경

12/21 오늘 할 일

• 어제까지 한 작업 데브에 머지함!
  그런데 main이 아니라 dev에 머지한것인데도 불구하고 액션이 실행된 것 같다.
  
  설정을 바꿨던 것 같은데 이상하다...
  편지 리팩토링
• 최근편지우선정렬
• 편지에 툴팁 적용,
  • 툴팁 atom 제작
• 한번에 편지 하나만 볼 수 있도록 하기,
• 편지 반응형 시도 : media screen을 써야할까!?

12/22 오늘 할 일

북마크 리팩토링

• 북마크 url 유효성 검사
  • 포커스시+onChange시에만 문구 나오도록 -> length로 해결

{validation || !bookUrlBind.value.length ? null : (
  <Validation>유효한 url이 아닙니다.</Validation>
)}

• 북마크 툴팁 추가
• url + 이름 둘다 있어야 버튼 활성화
• 버튼 내용 길어질시 ellipsis 적용

12/23 오늘 할 일

1. 북마크 리팩토링

• url 같은이름이면 삭제되는 버그 고치기
  • 툴팁 버그 수정 : rebuild()

export const TooltipBtn = ({ info, place }) => {
  return (
    <>
      <Info
        data-tip={info}
        onMouseOver={() => { //요부분 추가!
          ReactTooltip.rebuild();
        }}

        <FontAwesomeIcon icon={faCircleQuestion} size="sm" />
      </Info>
      <ReactTooltip event="click" eventOff="mouseout" place={place} />
    </>
  );
};

2. 친구 리팩토링

• 친구선택을 해야 버튼 활성화
• 이미 추가한 친구, 자기자신은 추가 리스트에서 배제

3. UI 리팩토링

• 반응형 : 태블릿(768px)까지만 고려하기로 잠정적 합의. 연간기록 모달이 사이즈가 큰데 줄이기가 어렵다고...ㅜㅜ
  (+) 팀원중 한분이 타교육을 듣게 되어서 리팩토링을 같이 하기가 힘들어졌다! 넘 축하할 일이라서 뭐! 리팩토링은 취준을 위한것도 있지만 자기 만족이 큰 부분이기도 하고... 나름 레거시코드(?)를 리팩토링할 기회가 생긴 것 같기도 하구.

12/26

• 반응형
  모달을 반응형으로 고쳤다!
  전체 크기를 max-width: 1140px;로 함.
• sidebar를 경우에 따라 나타나지 않도록 했다.
  리덕스로 관리하고있는 모달타입을 string으로 받아서 모달타입에 따라 닫거나 열어주었음!