디렉토리 구조

.
├── App.js
├── Router.js                       # Routing file
├── Routes                          # Directory for View
│   └── Main.jsx
├── assets                          # Directory for storing assets such as images
│   ├── icons
│   └── images
├── atoms.js                        # Global state management file
├── components                      # Directory for Page Components 
│   └── common                      # Directory for Common Components
│       └── DefaultButton.jsx
├── index.js
├── lib                             # Directory for Libary like react-query
│   └── query
├── style                           # Directory for Style
│   ├── GlobalStyle.js              # reset CSS file
│   └── theme.js                    # file for theme like font sizes, colors, etc
└── utils                           # Directory for uitilization
    ├── api
    │   └── api.js
    ├── constants                   
    │   └── constant.js
    └── hooks                       # Directory for Custom Hooks
        └── hook.js

ESLINT, PRETTIER 적용

[#. React] CRA(create-react-app)에 ESLint, Prettier 적용, 설정하기