VSC .jsx 파일에도 prettier 를 적용시키기 위한 setting.json 설정

"[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true
    },

https://velog.io/@holim0/React-Design-Pattern

1. src 의 자식 Directory

styles (.jsx)

1. Common : 버튼 : 카드 : 모달 Background : input : button : H1~6
2. 각자의 페이지별 폴더
   1. 각자의 페이지 안에 공유되는 스타일만 사용

network (.js)

pages (Components 를 import 하는 것) (.jsx)

components (UI 조각 + 기능)

1. 페이지별
   1. 한 개의 폴더까지만 추가로 만들 수 있

redux (.js)

1. 고민중...

utils (.js)

hooks (.jsx)

fonts (.css)