📮미니 프로젝트 환경 설정

• vite

• pnpm

• typescript

• react 설치

• react-dom 설치

• react-helmet

• react-router-dom

• eslint

• prettier 설정

• App.tsx 수정

• footer, header, RootLayout 추가

• 라우터 정리

• 기능별 폴더 생성

• recoil 설치 (https://recoiljs.org/ko/docs/introduction/getting-started/)

pnpm install recoil

• tanstack query 설치

 pnpm add @tanstack/react-query
 
 pnpm add -D @tanstack/eslint-plugin-query

• emotion 설치 (https://emotion.sh/docs/install)

//@emotion/css 패키지 
pnpm i @emotion/css

//@emotion/react 패키지
pnpm i @emotion/react

//@emotion/styled 패키지
pnpm i @emoiton/styled 

// babel-plugin 설치 => emotion에서 minification and optimization 기능 제공함.
pnpm install --save-dev @emotion/babel-plugin

//.babelrc 파일 생성
{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
  "plugins": ["@emotion"]
}

// 타입스크립트에서 emotion css props을 사용하기 위해 다음 코드를 tsconfig 파일에 넣어준다.

"jsxImportSource": "@emotion/react"

• supabase 설치

pnpm install @supabase/supabase-js

• 리드미 수정