질문

• React.FC 안쓴다.
• 토큰은 질문 노션 참고

코드 리뷰

• props 중 기본 속성에 있는 값은 넣을 필요가 없다. placeholder 등 / …rest 처리를 하면 된다.

interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
  icon?: IconNames;
  bgColor?: keyof typeof colors;
  bgHoverColor?: keyof typeof colors;
  bgDisabledColor?: keyof typeof colors;
  borderColor?: keyof typeof colors;
  textColor?: keyof typeof colors;
  textVariant?: `text-${keyof typeof fontSize}`;
  shape?: "rounded" | "circle";
  paddingX?: number;
  paddingY?: number;
  iconSize?: number;
  block?: boolean;
  textAlign?: "left" | "center" | "right";
}

• modal z-index 커스텀 수정

"modal-dimmer": 99
modal: 100,

• 테일윈드 w-[${width}px]

취업 관련

• 온라인으로라도 면접을 무조건 받아야 한다.
• 좋은 회사: 깃허브 액션 활용한 CI / CI 경험있는 / 리액트 쿼리 / 검색엔진 최적화 → 클라우드호스피탈, 요모

useFetch

• useEffectOnce 굳이 함수로 만들 필요가 없다.
• setError, setData 삭제
• 사용할 때 useFetch<T> 타입 지정해줘야 한

 getNoticeList: ({
    offset,
    limit,
    address,
    keyword,
    startsAtGte,
    hourlyPayGte,
    sort,
  }: GetNoticeListData) => {
    const params = {
      offset,
      limit,
      address,
      keyword,
      startsAtGte,
      hourlyPayGte,
      sort,
    };
    
    return axiosInstance.get(`/notices`, { params });
  },

• 같은 환경일 때 특정인에게 문제가 생긴다면 node_modules를 설치해야 한다.
• vscode 설정도 맞춰야 한다.

책 추천: 클린 애자일