🐳 O2-Frontend

서비스명

💙 O2 : open together

-함께 성장하는 공간, CEO들이 마시는 산소

Project Period : 2021.06.26 ~ 2021.07.17
Project Code Refactoring : 2021.07.25 ~ ing

프로젝트 소개

💡 O2는 타인과의 정보를 공유하여 성장하고 마침내 성공적인 결과를 만들어 낼 수 있는 가치를 추구합니다.

프로젝트 뷰

O2의 랜딩 페이지 입니다

나의 창업 스토리를 기록하는 LearMySelf페이지 입니다

창업 성장 스토리를 나누는 ShareTogether 페이지 입니다

마이페이지 입니다

로그인 회원가입 페이지입니다

개발 담당 부분

🧑🏻‍💻 강영우

* My Page
* Setting * Archiving

👩🏻‍💻 김효인

* Learn Myself
* Id, Pwd 찾기

👩🏻‍💻 배수빈

* Header
* Login, Signin
* Landing Page
* Admin Page

👩🏻‍💻 현지영

* Share Together
* Footer
* Notice Page

기술 스택 및 사용 라이브러리

"@testing-library/jest-dom": "^5.14.1","@testing-library/react": "^11.2.7","@testing-library/user-event": "^12.8.3","@types/jest": "^26.0.23","@types/node": "^12.20.15","@types/react": "^17.0.11","@types/react-dom": "^17.0.8","@types/react-router-dom": "^5.1.7","@types/styled-components": "^5.1.10","axios": "^0.21.1","react": "^17.0.2","react-dom": "^17.0.2","react-router-dom": "^5.2.0","react-scripts": "4.0.3","recoil": "^0.3.1","styled-components": "^5.3.0","styled-reset": "^4.3.4","styled-tools": "^1.7.2","typescript": "^4.3.4","web-vitals": "^1.1.2""@typescript-eslint/eslint-plugin": "^4.28.1","@typescript-eslint/parser": "^4.28.1","eslint": "^7.29.0","eslint-config-prettier": "^8.3.0","eslint-plugin-prettier": "^3.4.0","eslint-plugin-react": "^7.24.0","prettier": "^2.3.2"

프로젝트 구조

📦src┣📂apis┃┣📂ShareTogether┃┃┗📜index.tsx┃┣📜index.ts┃┗📜myPage.ts┣📂assets┃┣📂fonts┃┣📂images┃┃┣📂mypage┃┗📂styles┃┃┣📜animation.ts┃┃┣📜GlobalStyles.ts┃┃┗📜theme.ts┣📂components┃┣📂atoms┃┃┣📂Button┃┃┣📂CheckBox┃┃┣📂ChipBtn┃┃┣📂DotText┃┃┣📂fileUpload┃┃┣📂HashTag┃┃┣📂Icon┃┃┣📂Img┃┃┣📂ImgSelector┃┃┣📂Input┃┃┣📂Label┃┃┣📂Link┃┃┣📂Modal┃┃┣📂MyPageCard┃┃┣📂StyledInput┃┃┣📂Tag┃┃┣📂TextArea┃┃┗📜index.ts┃┣📂molecules┃┃┣📂AdminChallengeCard┃┃┣📂AdminChallengeOpenForm┃┃┣📂AdminWriteForm┃┃┣📂BadgeExpCard┃┃┣📂Card┃┃┣📂CategoryButton┃┃┣📂ChallengeComment┃┃┣📂ChallengeCommentWrite┃┃┣📂ChallengeHeader.tsx┃┃┣📂ChallengeRegister┃┃┣📂ChallengeReplyComment┃┃┣📂ChallengeSingleWrite┃┃┣📂ChallengeWriteTag┃┃┣📂CommentedBoardRow┃┃┣📂CommentWrite┃┃┣📂Concert┃┃┣📂ConcertCard┃┃┣📂ConcertTitle┃┃┣📂DeleteModal┃┃┣📂DetailTitle┃┃┣📂DropDown┃┃┣📂DropDownMulti┃┃┣📂EditCard┃┃┣📂EditorForm┃┃┣📂FindPwdForm┃┃┣📂HamDropDown┃┃┣📂JoinCheck┃┃┣📂Joinform┃┃┣📂LearnMyselfCard┃┃┣📂Loginform┃┃┣📂MyPageSection┃┃┣📂MyPageSlider┃┃┣📂Notice┃┃┣📂NoticeDetailTitle┃┃┣📂NoticeSingleComment┃┃┣📂RegisterHeader┃┃┣📂ReplyComment┃┃┣📂SearchBar┃┃┣📂ShareTogetherCard┃┃┣📂SingleComment┃┃┣📂ChallengeDetailCard┃┃┣📂WriteCard┃┃┗📜index.ts┃┣📂organisms┃┃┣📂AdminChallengeList┃┃┣📂AdminChallengeOpen┃┃┣📂AdminWrite┃┃┣📂CategoryList┃┃┣📂CommentList┃┃┣📂ConcertCardList┃┃┣📂ConcertList┃┃┣📂DetailContent┃┃┣📂FindPwd┃┃┣📂Footer┃┃┣📂Hamburger┃┃┣📂Header┃┃┣📂Join┃┃┣📂Login┃┃┣📂MyCommentList┃┃┣📂MyPageHeader┃┃┣📂NoticeCommentList┃┃┣📂NoticeDetailContent┃┃┣📂NoticeHeader┃┃┣📂NoticeList┃┃┣📂SearchForm┃┃┣📂ChallengeCard┃┃┗📜index.ts┃┣📂templates┃┃┣📂Base┃┃┣📂Home┃┃┣📂Join┃┃┣📂LearnMyself┃┃┃┣📜ChallengeEdit.tsx┃┃┃┣📜ChallengeList.tsx┃┃┃┣📜ChallengeRegister.tsx┃┃┃┣📜ChallengeWrite.tsx┃┃┃┗📜index.tsx┃┃┣📂Login┃┃┣📂MyPage┃┃┣📂Notice┃┃┣📂Setting┃┃┣📂ShareTogether┃┃┗📂ShareTogetherDetail┃┗📜index.ts┣📂hooks┃┗📜index.ts┣📂libs┃┣📜axios.ts┃┗📜getChallenge.ts┣📂pages┃┣📂AdminChallengeList┃┣📂AdminChallengeOpen┃┣📂AdminWrite┃┣📂FindPwd┃┣📂Home┃┣📂Join┃┣📂LearnMyself┃┣📂Login┃┣📂MyPage┃┃┣📂ScrappedLearnMyself┃┃┣📂ScrappedShareTogether┃┃┗📜index.tsx┃┣📂Notice┃┣📂NoticeDetail┃┣📂SetPwd┃┣📂Setting┃┣📂ShareTogether┃┣📂ShareTogetherDetail┃┗📜index.ts┣📂resources┃┗📜string.ts┣📂stores┃┗📜user.ts┣📂types┃┣📜learnMySelf.ts┃┣📜myPage.ts┃┗📜shareTogether.ts┣📂utils┃┗📜index.ts┣📜App.tsx┣📜index.tsx┣📜react-app-env.d.ts┗📜Router.tsx

Code Convention

🏝 브랜치 중심 운영

maindevelopfeat/fix/

🔤 커밋 메세지

Feat: 기능추가
Fix: 오류수정
Refactor: 코드수정//기능까지 변경
Style: 코드수정//기능은 수정되지 않음
Docs: 문서변경
Fix: 오류수정
Etc: 기타✅한글로Commit