기술스택

날짜

Oct 15, 2023

학습 분야

체크인 점수

체크인

학습할 내용

의논할 내용

tailwind를 깔끔하게 써보기.

tanstack-query에서 query-key-factory로 querykey랑 queryFn 잘 묶어서 옵션만 공유하는 방식으로 깔끔하게 적용해보기.

기술 스택

이름

텍스트

선택지

선택 결과

패키지 매니저

패키지 매니저로 어떤 걸 사용할까요?

1. npm 2. yarn 3. yarn berry 4. pnpm

npm

개발환경 구성

초기 개발 환경을 어떤 방법으로 세팅할까요?

1. 직접 번들러 구성하기 2. CRA 3. Vite 4. Next.js 5. Remix

Vite

코드 포맷팅

컨벤션을 위한 라이브러리는 어디까지 사용할까요? (eslint, prettier의 경우 세부 옵션도 논의하면 좋을 것 같아요!) eslint: vite 기본 설정에서 몇몇 필요한 규칙만 추가. prettier:

1. eslint 2. prettier 3. husky + lint-staged 4. commitlint

husky pre-commit

commitlint

폼 데이터

폼 데이터 및 유효성 관리 라이브러리는 어디까지 사용할까요?

1. react-hook-form or formik 2. zod or yup or …..

react-hook-form

zod

네트워크

네트워크 클라이언트나 패칭 및 캐싱 클라이언트를 사용할까요?

1. axios 2. tanstack-query/react or swr

axios

tanstack-query

query-key-factory

상태 관리

상태 관리 라이브러리를 사용할까요?

1. redux or redux-toolkit 2. zustand 3. recoil 4. jotai

zustand

스타일링

스타일링 관련 라이브러리는 어떤 걸 사용할까요? 1. css vs css-in-js 2. 디자인 제공 vs 미 제공 3. 컴포넌트 제공 vs 미 제공

1. scss 2. emotion or styles-components or vanilla-extract or panda-css … 3. tailwind or radix or shadcn or … 4. chakra or mui or bootstrap or …

tailwind-css

테스팅 및 문서화

테스팅 라이브러리나 문서화 라이브러리는 사용할까요? ⇒ jest, react-testing-library는 추후 멘토님께 의견 공유

1. storybook (공통 컴포넌트만) 2. jest 3. react-testing-library

storybook

그 외

그 외 라이브러리들을 사용할까요? ⇒ 인터랙션 동작은 선 라이브러리 후 구현 방식으로 도전해봐도 좋을듯.

1. React Router 2. Swiper 3. LottieFiles Animation …

react-router