Feat/issue-1

[KimKyuHoi]

✨ 작업 내용

---

• 리액트 설치
• Vite 설치
• Root안에서 Frontend, Backend 폴더 설정
• ESLint 추가
• Prettier 추가
• PnPm 패키지 매니지 사용.
• Zustand, Emotion.js, React-Query, React-Router-Dom, Axios

✨ 참고 사항

---

처음 pnpm 개발환경을 설정하느라 Window나 Mac에서 VScode Terminal 내에서 인식하지 못하는 오류가 있습니다.

pnpm : 'pnpm' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오.
위치 줄:1 문자:1
+ pnpm init
+ ~~~~
    + CategoryInfo          : ObjectNotFound: (pnpm:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

이를 위해서 npm으로 pnpm을 따로 설치한 후 작업을 진행하셔야 됩니다.

npm install -g pnpm

ESLint는 현재 airbnb-eslint-plugin을 전체적으로 적용하였습니다.

Prettier 부분은 따로 설정하였으므로 vscode extension에서 prettier를 다운받으셔서 사용하시면 될 것 같습니다.

⏰ 현재 버그

---

해결완료

현재 tanstack query 모듈에서 @tanstack/react-query-devtools를 설치했음에도 불구하고

모듈이 없다는 에러가 발생하고 있습니다. devtools 자체는 문제없이 돌아가는데 이후 문제에 대해서 찾아보고 config.ts 파일에서 수정을 따로 해야될 꺼 같습니다.

---

현재 VScode내에서 현재 Image를 import를 해올때 분명 파일이 있지만 파일을 찾을 수 없다는 에러가 뜨고 있습니다.

현재 실행시키는 데에 있어서 파일 돌리기엔 무리가 없으나 VScode 자체내 에러인 것 같습니다. 추후 확인이 필요합니다.

✏ Git Close

---

close #1