Base Components

[cla6shade]

5주차

1. 만들기로 계획했던 base 컴포넌트를 만들었습니다.
   자세한 사용법은 컴포넌트 폴더 내부의 컴포넌트명.stories.tsx를 참조하시면 됩니다.
   시간관계상 컴포넌트 사용법에 대한 자세한 설명을 적지 못했던 점 양해 부탁드립니다..

2. react-query와 react-router-dom에 대한 설정을 마쳤습니다.
   페이지별 라우트 설정은 provider/BrowserRouterProvider.tsx를 이 링크에 맞춰 수정해주시면 됩니다.

3. 전역 테마를 hook을 통해 불러올 수 있습니다.
   emotion css에 내장된 themeing 기능을 이용하고자 했으나 마이그레이션이 조금 더 급한 일이라 후순위에 위치하기로 했습니다.

import useTheme from '@hooks/useTheme';
// ...
const { colors, corners } = useTheme();
const style = css`
  background-color: ${colors.primary.main};
`;

[mingkyeongg]

폴더 구조를 바꾸는건가요?

[cla6shade]

넵, 저번에 멘토님이 말씀해주셨던 구조로 수정했습니다!

[harugi7]

고생하셨습니다!