해보고 싶은 목록

• ts기반 프로젝트(next js)
• 모든 컴포넌트 테스트코드 작성
• storybook연동
• graphQL 사용
• 각종 스타일 통일하여 정리(theme)

const fontSize = {
  sm:'0.75rem',
  md:'1rem',
  lg:'1.25rem',
};
const colorTheme = {
  colors: {
    bgA10: '#000000',
    bgA20: '#181818',
    ...
  }
};
const display = {
'sm': '640px', // @media (min-width: 640px)
'md': '768px', // @media (min-width: 768px)
'lg': '1024px', // @media (min-width: 1024px)
'xl': '1280px', // @media (min-width: 1280px)
'2xl': '1536px', // @media (min-width: 1536px)
};
const theme = {
  fontSize,
  colorTheme,
  display
};
export theme;

• react 렌더링 성능 체크 (in chrome)
• 중복사용 컴포넌트 분리
• 상태관리 api 사용하기 ex)recoil, redux toolkit, zustand
• fetching 라이브러리 swr, react qurey 등
• 자료구조 공부
• 알고리즘 공부
• BroadcastChannel -> 탭간통신 api
• git Action으로 branch 관리 해보기