컴포넌트 구조
우리꺼!
- 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 컴포넌트의 경우 시간 남는 사람이 할 것