컴포넌트 구조
* ├── src │ ├── App.js │ ├── Components │ │ ├── base │ │ │ ├── AddFriend │ │ │ ├── Avatar │ │ │ ├── Badge │ │ │ ├── Button │ │ │ ├── Friend (Avatar + badge + username) │ │ │ ├── Header │ │ │ ├── Icon │ │ │ ├── Logo │ │ │ ├── Image │ │ │ ├── NavSocial │ │ │ ├── NavChannel │ │ │ ├── Node │ │ │ ├── Question │ │ │ ├── Search │ │ │ ├── Title │ │ ├── Answers │ │ ├── ContentsContainer │ │ ├── FriendsGroup │ │ ├── MainInfo │ │ ├── MyAnswer │ │ ├── MyInfoContainer │ │ ├── SiginFooter │ │ ├── SiginInBody │ │ ├── SignInHeader │ │ ├── SignUpBody │ │ ├── SignUpHeader │ │ ├── SignupFooter │ │ ├── SubInfo │ │ ├── TreeContainer │ │ ├── UnitContainer │ │ └── UserAnswer │ ├── hooks │ ├── Pages │ │ ├── MainPage │ │ │ ├── ContentsContainer │ │ │ │ ├── Answers │ │ │ │ │ ├── MyAnswer │ │ │ │ │ └── UserAnswer │ │ │ │ └── Question │ │ │ ├── Header │ │ │ │ ├── Icon │ │ │ │ ├── Logo │ │ │ │ └── Search │ │ │ ├── NavChannel │ │ │ │ ├── Avatar │ │ │ │ ├── Badge │ │ │ │ └── Button │ │ │ └── NavSocial │ │ │ └── FriendGroup │ │ │ └── Friend │ │ │ ├── Avatar │ │ │ └── Badge │ │ ├── MyTreePage │ │ │ ├── ContentsContainer │ │ │ │ └── UnitContainer │ │ │ │ ├── Unit1 │ │ │ │ │ ├── Logo │ │ │ │ │ ├── NodeContainer │ │ │ │ │ │ └── Node │ │ │ │ │ └── Title │ │ │ │ ├── Unit2 │ │ │ │ │ ├── Logo │ │ │ │ │ ├── NodeContainer │ │ │ │ │ │ └── Node │ │ │ │ │ └── Title │ │ │ │ └── Unit3 │ │ │ │ ├── Logo │ │ │ │ ├── NodeContainer │ │ │ │ │ └── Node │ │ │ │ └── Title │ │ │ ├── Header │ │ │ └── NavChannel │ │ ├── SettingPage │ │ │ ├── Header │ │ │ └── MyInfoContainer │ │ │ ├── MainInfo │ │ │ └── SubInfo │ │ ├── SignInPage │ │ │ ├── SignInFooter │ │ │ ├── SignInHeader │ │ │ │ ├── Logo │ │ │ │ └── Title │ │ │ └── SigninBody │ │ └── SignUpPage │ │ ├── SignUpBody │ │ ├── SignUpFooter │ │ │ └── Button │ │ └── SignUpHeader │ │ └── Title