airbnb관련 eslint에 대한 rules를 추가했습니다.
airbnb 코드 스타일
앞으로 코드 작성할 때, 해당 github문서를 보고 작성하시면 될 것 같습니다.
만약에 eslint error가 잡히며 , 여기서 확인해서 잘못된게 있는지 보시면 될 것 같아요.
zustand대신 jotai를 사용합니다. 이미 프로젝트에서 적용시키고 있는 라이브러리이기도 하고, next.js와 어울릴 것 같다는 판단이 들어서 선택했습니다. 다른 의견있으면 댓글 남겨주세요.
폴더구조를 어느정도 잡았습니다.
public : 서버를 구성하는 동작요소, image, logo등이 들어갈 수 있는 폴더 입니다.
src
apis : 백엔드로부터 받는 api들을 관리하는 폴더입니다.
app : next.js 동작을 위한 layout.tsx,와 page.tsx파일이 존재하는 폴더입니다.
common : provider나, 일반적인 구성요소로 사용되는 파일이 들어가는 폴더입니다.
components : 컴포넌트를 쪼개서 관리하는 폴더 입니다. 각 기능별로 폴더를 생성하고, 기능을 구현하시면 됩니다.
hooks : custom hook을 만들고 관리하는 폴더입니다.
jotai : 상태관리 라이브러리 jotai의 atom을 관리하는 폴더 입니다. getter와 setter, ssr을 관리하는 폴더가 추가될 수 있습니다.
mock-apis : msw를 활용해서 만들어진 가짜 데이터를 받는 msw api를 모아두는 폴더입니다.(가짜 백엔드)
mocks : msw를 구성하기위한 요소들이 들어가있는 폴더입니다.
pages : 실제 렌더링되는 페이지들을 모아두는 폴더입니다. 기능컴포넌트들의 집합입니다.
styles : 전역으로 관리 style을 모아두는 폴더입니다.
types : 각 기능개발에 사용되는 type들을 보관하는 폴더입니다.
<!-- 추가예정 내용 (있다면 필수)-->
### Schedule
- utils폴더를 추가할 수 있을 것 같습니다. : 여러 곳에서 사용되는 함수들을 모아두는 폴더죠
<!-- 추가된 전역관리 내용 (있다면 필수) -->
### Global Style, State Management, Hook
- 앞으로 추가되는 `jotai`가 있다면 pr을 날릴 때 여기에 작성해 주시면 됩니다.
<!-- 리뷰어가 리뷰하기전 알면 좋을 내용 (선택) -->
### To Reviewer
<!-- 참고한 레퍼런스 링크 (선택) -->
### Reference Link
[참고한블로그](https://velog.io/@jma1020/React-ESLint-%EC%84%A4%EC%A0%95-%EC%A2%85%EB%A5%98-%EB%B0%8F-airbnb-%EC%84%A4%EC%A0%95)
[jotai nextjs관련 공식문서](https://jotai.org/docs/guides/nextjs)
[jotai기본적인 사용에대한 공식문서](https://jotai.org/docs/core/atom)
<!-- 관련된 이슈 링크 (선택) -->
### Related Issue Link
#13
Description
airbnb
관련eslint
에 대한rules
를 추가했습니다. airbnb 코드 스타일 앞으로 코드 작성할 때, 해당 github문서를 보고 작성하시면 될 것 같습니다. 만약에 eslint error가 잡히며 , 여기서 확인해서 잘못된게 있는지 보시면 될 것 같아요.zustand
대신jotai
를 사용합니다. 이미 프로젝트에서 적용시키고 있는 라이브러리이기도 하고,next.js
와 어울릴 것 같다는 판단이 들어서 선택했습니다. 다른 의견있으면 댓글 남겨주세요.폴더구조를 어느정도 잡았습니다.
public : 서버를 구성하는 동작요소, image, logo등이 들어갈 수 있는 폴더 입니다.
src