컴포넌트 구조

우리꺼!

• base 폴더 생성

.
└── pjt
    ├── README.md
    ├── package.json
    ├── public
    │   ├── favicon.ico
    │   ├── index.html
    │   ├── logo192.png
    │   ├── logo512.png
    │   ├── manifest.json
    │   └── robots.txt
    ├── src
    │   ├── App.css
    │   ├── App.js
    │   ├── App.test.js
    │   ├── Components
    │   │   ├── base
    │   │   │   ├── Alert
    │   │   │   ├── Avatar
    │   │   │   ├── Badge
    │   │   │   ├── Button
    │   │   │   ├── Divider
    │   │   │   ├── Input
    │   │   │   ├── Logo
    │   │   │   ├── ModalContainer
    │   │   │   ├── Question
    │   │   │   ├── SearchBar
    │   │   │   ├── Spinner
    │   │   │   ├── Text
    │   │   │   └── image
    │   │   └── domain
    │   │       ├── FeedcontentsContainer
    │   │       │   ├── PostCard.js
    │   │       │   ├── PostGroup.js
    │   │       │   └── index.js
    │   │       ├── Header
    │   │       ├── MaincontentsContainer
    │   │       ├── MyInfoContainer
    │   │       │   ├── MainInfo.js
    │   │       │   ├── SubInfo.js
    │   │       │   └── index.js
    │   │       ├── NavChannel
    │   │       ├── NavProgress
    │   │       ├── Navsocial
    │   │       ├── SignInModal
    │   │       │   ├── SignInForm.js
    │   │       │   └── index.js
    │   │       ├── SignUpModal
    │   │       ├── TreeContentsContainer
    │   │       ├── TreeModal
    │   │       └── WelcomeModal
    │   ├── assets
    │   │   ├── BigLogoImage
    │   │   └── LogoImage
    │   ├── contexts
    │   ├── hooks
    │   ├── index.css
    │   ├── index.js
    │   ├── logo.svg
    │   ├── pages
    │   │   ├── FEED
    │   │   │   ├── FeedcontentsContainer
    │   │   │   ├── Header
    │   │   │   ├── NavChannel
    │   │   │   └── Navsocial
    │   │   ├── INTRO
    │   │   │   ├── Alert
    │   │   │   ├── Button
    │   │   │   ├── Form
    │   │   │   ├── Logo
    │   │   │   ├── SignInModal
    │   │   │   ├── SignUpModal
    │   │   │   └── Text
    │   │   ├── MAIN
    │   │   │   ├── Alert
    │   │   │   ├── Header
    │   │   │   ├── MaincontentsContainer
    │   │   │   ├── NavChannel
    │   │   │   └── Navsocial
    │   │   ├── MYTREE
    │   │   │   ├── Header
    │   │   │   ├── NavChannel
    │   │   │   ├── TreeContentsContainer
    │   │   │   └── TreeModal
    │   │   └── SETTING
    │   │       ├── Header
    │   │       └── MyInfoContainer
    │   ├── reportWebVitals.js
    │   └── setupTests.js
    └── yarn.lock

기획서용

.
└── pjt
    ├── README.md
    ├── package.json
    ├── public
    │   ├── favicon.ico
    │   ├── index.html
    │   ├── logo192.png
    │   ├── logo512.png
    │   ├── manifest.json
    │   └── robots.txt
    ├── src
    │   ├── App.css
    │   ├── App.js
    │   ├── App.test.js
    │   ├── Components
    │   │   ├── base
    │   │   │   ├── Alert
    │   │   │   ├── Avatar
    │   │   │   ├── Badge
    │   │   │   ├── Button
    │   │   │   ├── Divider
    │   │   │   ├── Form
    │   │   │   ├── Input
    │   │   │   ├── Logo
    │   │   │   ├── ModalContainer
    │   │   │   ├── Question
    │   │   │   ├── SearchBar
    │   │   │   ├── Spinner
    │   │   │   ├── Text
    │   │   │   └── image
    │   │   └── domain
    │   │       ├── FeedcontentsContainer
    │   │       ├── Header
    │   │       ├── MaincontentsContainer
    │   │       ├── MyInfoContainer
    │   │       ├── NavChannel
    │   │       ├── Navsocial
    │   │       ├── SignInModal
    │   │       ├── SignUpModal
    │   │       ├── TreeCover
    │   │       ├── TreeModal
    │   │       ├── Node
    │   │       └── UnitContainer
    │   ├── assets
    │   │   ├── BigLogoImage
    │   │   └── LogoImage
    │   ├── contexts
    │   ├── hooks
    │   ├── index.css
    │   ├── index.js
    │   ├── logo.svg
    │   ├── pages
    │   │   ├── FEED
    │   │   │   ├── FeedcontentsContainer
    │   │   │   ├── Header
    │   │   │   ├── NavChannel
    │   │   │   └── Navsocial
    │   │   ├── INTRO
    │   │   │   ├── Alert
    │   │   │   ├── Button
    │   │   │   ├── Form
    │   │   │   ├── Logo
    │   │   │   ├── SignInModal
    │   │   │   ├── SignUpModal
    │   │   │   └── Text
    │   │   ├── MAIN
    │   │   │   ├── Alert
    │   │   │   ├── Header
    │   │   │   ├── MaincontentsContainer
    │   │   │   ├── NavChannel
    │   │   │   └── Navsocial
    │   │   ├── MYTREE
    │   │   │   ├── Header
    │   │   │   ├── NavChannel
    │   │   │   ├── TreeCover
		│   │   │   ├── UnitContainer
    │   │   │   └── TreeModal
    │   │   └── SETTING
    │   │       ├── Header
    │   │       └── MyInfoContainer
    │   ├── reportWebVitals.js
    │   └── setupTests.js
    └── yarn.lock

Base 컴포넌트 역할 분담

• 김다슬 - divider, avatar, badge, modal
• 문승희 - text, logo, image, header
• 윤승록 - input, spinner, searchbar, button
• question 컴포넌트의 경우 시간 남는 사람이 할 것