설명

Recoil의 atom을 이용하여 제작합니다.

전역에서 사용하는 변수를 관리하기 위한 Store hook을 제작하는 작업들입니다.

할 일

• [ ]

설명

next/router를 type safe하게 사용할 수 있도록 확장합니다.

할 일

• useInternalRouter 개발

설명

할 일

• [ ]

• #145

• #146

• #147

설명

할 일

• #120
• #159

설명

Thumbnail tag, Tag를 구현합니다.

할 일

• Thumbnail tag
• [ ]

설명

할 일

• [ ]

설명

할 일

• [ ]

설명

http request를 위한 axios 설치 및 절대 경로 설정

할 일

• axios 설치
• 절대 경로 ~로 시작하게 설정

설명

web에서도 이질적이지 않은 화면을 보여주기 위해 전체 크기를 설정합니다

할 일

• _app에 적용

설명

PR 시 Lint 규칙을 통과하였는지 확인해보겠읍니다

할 것

• Lint CI 설정

설명

아직 확정되진 않았지만 framer-motion과 함께 사용될 상수를 정의합니다.

할 일

• 상수 정의

설명

할 일

• [ ]

설명

명칭은 framer 작업 내용 따랐어용

할 일

• [ ]

설명

할 일

• [ ]

설명

할 일

• [ ]

설명

공용으로 사용되는 컴포넌트를 개발합니다.
추후에 추가 될 수 있습니다.

할 일

• #27
• #60
• #61
• #62
• #64
• #71
• #72
• #73
• #74
• #79

설명

할 일

• #10
• #11
• #12
• #13
• #14

설명

토스트 메세지 컴포넌트와 추가를 위한 Custom hook을 개발합니다.

할 일

• 컴포넌트 개발
• Hook 개발

설명

할 일

• [ ]

설명

웹뷰에서 해주어야 될 것들에 대한 설정을 합니다.
기본적인 영감 추가는 웹뷰로 이루어 질 예정으로 그에 따른 ios / android를 위해서 해주어야 될 것들에 대한 것을 한다고 생각하면 될 것 같습니다.

할 일

• #17
• #18

설명

@positiveko 님께서 작성해주신 템플릿을 이용해 수정합니다

할 일

• 템플릿 수정

설명

할 일

• [ ]

설명

할 일

• [ ]

설명

Next.js 기반 환경을 설정합니다.

할 일

• Create Next App
• lint, prettier
• Emotion
• Recoil
• SWR
• Framer-motion

설명

홈 화면을 개발합니다

할 일

• #134
• #141
• #112
• #155
• #102
• #31
• #32

설명

코드리뷰어 자동 등록하기

할 일

• [ ]

설명

할 일

• [ ]

설명

pretendard font 설정

할 일

• font import (jsdelivr)
• font family

설명

할 일

• [ ]

설명

공용으로 사용되는 훅을 미리 정의한다고 볼 수 있습니다.
지금 2개이지만 추후에 추가 될 수 있습니다.

할 일

• #21
• #22
• #124
• #125
• #167

설명

react-icons에는 rounded 버전의 머테리얼 아이콘이 없어서 취소.

직접 만드는 방향으로 진행.

할 일

• #70

설명

• Input
• Textarea

할 일

• #85

설명

할 일

• #100
• #101
• #152

설명

사용자 정보를 initialize때 api에서 받아서 저장하는 store를 제작합니다.

할 일

• Recoil Atom 생성
• 관리 로직 작성
• 커스텀 훅 생성

설명

intersepter, baseUrl 설정 등 axios client를 설정합니다.

할 일

• axios client 설정
• fetcher 개발

설명

로컬 HTTPS 개발 환경 세팅

할 일

• mkcert 활용
• 위키에 문서 작성

설명

• app에서 web으로 데이터를 넘겨주는 시나리오를 테스트하기 위해 테스트 페이지를 구현합니다.
• pr 단에서 배포된 페이지를 통해 진행하며, 실제 머지까지는 하지 않습니다.

할 일

• 데이터 받을 방법 고민
• #58

설명

type safe하게 사용할 수 있도록 next/link를 확장하여 개발합니다.

할 일

• InternalLink 컴포넌트 개발

설명

할 일

• [ ]

설명

Image Content 개발합니다.

할 일

• min, max 설정
• x 버튼 추가

설명

emotion color palette를 설정합니다.

할 일

• 설정
• 테스트

설명

공통적으로 사용될 Modal 관련 개발 합니다.

할 일

• ModalWrapper component 개발
• useModal useToggle hook 개발

설명

json-server를 이용해 mock server를 개발합니다

할 일

• mock server 환경 설정
• 인증 관련 스키마 작성
• api client에 mock server 적용

설명

할 일

• [ ]

설명

할 일

• LinkInput 작성

설명

할 일

• #6
• #7
• #8

설명

할 일

• [ ]

설명

다양한 버튼을 개발합니당

할 일

• CTA Button
• Filled Button
  Floating Button
  Link, Add Button
• Icon Button
• Ghost Button
• Text Filled Button

설명

할 일

• [ ]