• Github Repository
• https://www.conners.io/

https://sweet-1cfff.firebaseapp.com

• 네? 뭐라고요??🙋‍♂️ 스터디를 찾고 있다구요?🤔 스터디에 관한 정보는 모두 여기에!!
• 개발과 관련한 또는 IT와 관련된 스터디를 찾고 같이 공부하고 소통하고 싶을 때 사용합니다.
• 이 프로젝트는 프론트앤드 개발에 집중하기 위해 백앤드 구현을 최소화하였고, 그에 따라 firebase를 사용하였습니다.
• 2021.06.10(목) 기준으로 316개의 단위 테스트와 Code Coverage는 99.6% 이고 41개의 e2e 테스트 시나리오가 존재합니다.

📦 src
 ┣ 📂 assets
 ┃ ┣ 📂 css
 ┃ ┗ 📂 icons
 ┣ 📂 components
 ┃ ┣ 📂 auth
 ┃ ┣ 📂 base
 ┃ ┣ 📂 common
 ┃ ┣ 📂 introduce
 ┃ ┃ ┣ 📂 modals
 ┃ ┣ 📂 loader
 ┃ ┣ 📂 main
 ┃ ┗ 📂 write
 ┣ 📂 containers
 ┃ ┣ 📂 auth
 ┃ ┣ 📂 base
 ┃ ┣ 📂 groups
 ┃ ┣ 📂 introduce
 ┃ ┗ 📂 write
 ┣ 📂 pages
 ┣ 📂 reducers
 ┣ 📂 services
 ┣ 📂 styles
 ┣ 📂 util
 ┃ ┣ 📂 config
 ┃ ┣ 📂 constants
 ┣ 📜 App.jsx
 ┣ 📜 App.test.jsx
 ┗ 📜 index.jsx

• 2020.11.16 ~ 2020.12.13 (1달)
• 계속해서 기능 추가 중.. 🔗

• 전체 회고

• 진행 사항
• react-draft-wysiwyg editor 에 대한 버그 사항
• Firebase api키에 대한 참고 사항

> npm install

> npm run start

• Run unit test and e2e test

> npm test

• unit test

> npm run test:unit

• Run e2e test

> npm run test:e2e

> npm build

> npm run lint

> npm run coverage

• 자세한 사항은 package.json의 scripts 참고

• Firebase
• Docs

• Firebase API 키 관리에 대한 참고 사항
• Firebase API 키에 대해서 작성한 블로그 글

• Install firebase-tools

> npm install -g firebase-tools

• Login to firebase

> firebase login

• Deploy with firebase hosting

> firebase deploy

• React
• Redux, Redux-Toolkit, Redux-Thunk
• React Router Dom
• React Helmet
• React Use
• Emotion, facepaint, react-responsive
• Firebase, FireStore
• Jest, React Testing Library, CodeceptJS
• Webpack, Eslint, Babel
• Immer
• Moment, React-moment
• draft-js, react-draft-wysiwyg
• react-content-loader