teamcooks / twospoon Goto Github PK

Description

스토리북과 스타일드 컴포넌트에 대해서 학습

Todo List

• 스토리북
• 스타일드 컴포넌트

Description

상태관리 및 데이터 패칭을 위한 Redux와 RTK Query를 학습합니다.

Todo List

• Redux
• RTK Query

Description

Heading 컴포넌트를 TS로 마이그레이션합니다.

Todo List

• Heading 컴포넌트 TS 마이그레이션
• 스타일 Styled Component 방식으로 변경
• Storybook 적용

Description

Badge 컴포넌트를 마이그레이션합니다.

Todo List

• TS 적용
• Storybook 적용
• Styled component 적용

Description

react-icons 라이브러리 접근성에 대해서 조사해요

Todo List

• React-icons는 접근성을 지키는 가?

Description

기존 API 사용하는 부분을 Redux + RTK Query로 도입해서 바꾸어 보겠습니다.

Auth 관련 부분도 RTK Query로 변경해보겠습니다.

Todo List

• RTK
• RTK Query
• 작동되는지 간단한 테스트 해보기
• Random Recipe
• Auth관련 코드

Description

react-router-dom 컴포넌트 사용하기 위해서 간단하게 라우팅 작업하겠습니다

Todo List

• Layout 만들기
• Home 만들기
• Search 만들기
• MyRecipes 만들기
• PageNotFound 만들기
• Modal 만들기
• 라우팅

Description

에러 바운더리 컴포넌트를 ts로 마이그레이션해보겠습니다.

Todo List

• Error boundary 컴포넌트 마이그레이션

Description

Next.js 프레임워크 사용을 위한 학습이 필요합니다.

styled-components에서 emotion으로 기술 스택 변경합니다.

Todo List

• Next.js 학습
  • https://nomadcoders.co/nextjs-fundamentals
• 이모션 학습

Description

Storybook에서 ThemeProvider 적용될 수 있도록 설정하겠습니다.

Todo List

• ThemeProvider 적용

Description

SearchForm 컴포넌트를 마이그레이션합니다.

Todo List

• TS 적용
• Storybook 적용
• Styled component 적용

Description

Label 컴포넌트 리팩토링 작업과

Todo List

• Label 컴포넌트 리팩토링

Description

Button 컴포넌트를 마이그레이션합니다.

Todo List

• TS 적용
• Storybook 적용
• Styled component 적용

Description

검색 페이지와 여기서 쓰이는 useSearch 훅을 ts로 마이그레이션하고, fetching과 caching을 RTK query로 변경할게요

Todo List

• Search Component 마이그레이션
• useSearch 훅 RTK query로 변경

Description

Dialog 컴포넌트를 TS로 마이그레이션합니다.

Todo List

• Dialog 컴포넌트 마이그레이션

Description

Label 컴포넌트를 마이그레이션 작업해요~

Todo List

• Label 컴포넌트 작업

해야할일

• 이슈, 풀리퀘 템플릿 생성
• React + TypeScript + StyledComponent + Storybook + ESLint, Prettier 설정
• git flow 설정
• 간단한 문서 작업

Description

검색결과가 없을 때 나타나는 NoResult 컴포넌트를 ts로 작성해요
원래 Pagination 안에 있던 컴포넌트인데 따로 작성하겠습니다.

Todo List

• NoResults 컴포넌트 작성

Description

Meta 컴포넌트 마이그레이션 작업을 진행해요!

--> SSR인 Next환경을 사용하면서 필요 없는 컴포넌트가 됨

Todo List

• Meta 컴포넌트 마이그레이션

Description

Next.js로 기존환경 설정을 변경합니다.

Todo List

• 기존환경 Next.js로 변경

Description

CSS를 위한 Global Style 설정 및 Color 작업

Todo List

• Global Style 설정
• Color
• Util 함수

Description

search, my recipes 결과 페이지에서 페이지 보여주는 컴포넌트를 ts로 변경하고 스타일링 버그 수정하겠습니다.

Todo List

• Pagination 컴포넌트 ts로 마이그레이션
• 스타일링 버그 수정

Description

Detail 컴포넌트를 TS로 마이그레이션합니다.

Todo List

• Detail 컴포넌트 마이그레이션

Description

Logo 컴포넌트를 마이그레이션합니다.

Todo List

• TS 적용
• Storybook 적용
• Styled component 적용

Description

my-recipe 경로로 인증되지 않은 사용자가 접근하는 경우 리다이렉션 해주는 컴포넌트, ts로 변경 및 디버깅

Todo List

• RequireAuth 컴포넌트를 ts로 변경
• 리다이렉션 시 warning message 주도록 디버깅

Description

Storybook에서 GlobalStyle, MemoryRouter 적용될 수 있도록 설정하겠습니다.

Todo List

• GlobalStyle 적용
• MemoryRouter 적용

Description

없는 경로로 접근했을 때 띄워줄 page-not-found 페이지를 ts로 마이그레이션

Todo List

• PageNotFound TS 마이그레이션

Description

Menu 컴포넌트를 마이그레이션합니다.

Todo List

• TS 적용
• Storybook 적용
• Styled component 적용

Description

RandomRecipe 컴포넌트 마이그레이션 작업이에요

Todo List

• RandomRecipe.tsx
• RandomRecipe.styled.tsx
• RandomRecipe.stories.tsx

Description

Header 컴포넌트를 마이그레이션합니다.

Todo List

• TS 적용
• Storybook 적용
• Styled component 적용

Description

Accordion 컴포넌트를 TS로 마이그레이션합니다.

Todo List

• Accordion 컴포넌트 TS 마이그레이션
• 스타일 emotion 방식으로 변경
• Storybook 적용

Description

IconButton 컴포넌트를 마이그레이션합니다.

Todo List

• TS 적용
• Storybook 적용
• Styled component 적용

Description

기획 발표준비를 위해 아래의 작업이 필요합니다.

Todo List

• 소프트웨어 요구사항 설계 정리
• 일정수립
• 현재발생하고 있는 문제상황 정리(gif 포함)
• 목표 및 기대효과 정리

Description

Card, Skeleton 컴포넌트를 TS로 마이그레이션합니다.

Todo List

• SkeletonCard.types.ts

• SkeletonCard.styled.tsx

• SkeletonCard.tsx

• SkeletonCard.stories.tsx

• Card.types.ts

• Card.styled.tsx

• Card.tsx

• Card.stories.tsx

Description

Sprint1이 끝난 후, 배포를 해야합니다.

Todo List

• git flow release
• 서버 배포

Description

Loading 컴포넌트를 마이그레이션 해요

Todo List

• Loading 컴포넌트 작업

Description

아코디언을 사용할 때 불편함을 발생시키는 버그입니다!

To Reproduce

1. 아코디언에서 summary를 열고 닫을 때, 불필요한 하단 스크롤이 발생하는 이슈
2. 아코디언 열고 닫을 때, 글자가 의도치 않게 선택되어 보기에 좋지 않음

Expected behavior

불필요한 하단 스크롤이 발생하지 않고, 헤딩 부분을 클릭할 때는 글자가 선택되지 않아야 합니다.

Screenshots

Description

HotRecipes를 보여주는 JS 컴포넌트를 TS로 변환해요.

Todo List

• HotRecipes.tsx
• HotRecipes.styled.tsx
• HotRecipes.stories.tsx

Description

Cardlist 컴포넌트를 TS로 마이그레이션합니다.

Todo List

• Cardlist 컴포넌트 TS 마이그레이션
• 스타일 emotion 방식으로 변경
• Storybook 적용