[미니프로젝트] 1일차

1. 노션 생성 / 카톡방 개설

https://www.notion.so/c96fcf057d404cb98d18c01cb404aaa7

미니프로젝트

 

2. 주제 선정

: 익명 고민 상담 플랫폼

 

3. 와이어프레임 설계 + 기능 구상 + DB 설계

4. API 설계

: 노션에 API 부분 참고 하면 된다.

 

5. 프론트 회의

1) git 어떻게 사용 할 지

: repository 생성 -> branch 각각 생성해서 나눌 예정

 

+ branch 어떻게 생성하고 push 하는 지 참고

2021.11.04 - [더 알아보기/팁] - Git, Github로 회사에서 협업 하는 방법

Git, Github로 회사에서 협업 하는 방법

 

+ 초기 세팅 commit한 Github Repository

https://github.com/eundol0519/Mini-Project.git

GitHub - eundol0519/Mini-Project: 6주차 미니 프로젝트 - 익명 상담 플랫폼 저장소 입니다!

 

2) 필요한 패키지 어떤 게 있는 지

- yarn add immer redux-actions

- yarn add redux react-redux redux-thunk redux-logger history@4.10.1 connected-react-router@6.8.0

- yarn add styled-components

- yarn add react-router-dom@5.2.1

- yarn add axios

 

3) 프로젝트 생성 후 틀 잡기

 

4) 컴포넌트를 어떻게 쪼개서 사용 할 지 (페이지별로 나눌 지 기능 별로 쪼갤 지)

-> components, elements, pages, shared 폴더 만들어서 각 .js 파일 만들기

 

5) 기능을 어떻게 나눠서 작업 할 지

-> 로그인, 회원가입 기능 나눠서 해보고 시간 남으면 메인까지 해보기로 함

 

6) CSS를 직접 꾸밀 건 지 React-Bootstrap 사용 할 지

-> 나중에 정하면 될 듯

 

+ 시간 날 때 피그마 어떻게 사용 하는 지 공부 해보면 좋을 듯

https://www.figma.com/

Figma: the collaborative interface design tool.

 

+ 로그인/회원가입에서 모달창으로 구현 해야 할 것 같은 데 라이브러리랑 리액트 부트스트랩을 사용하면 될 것 같다.

 

(모달 라이브러리 사용하는 방법)

https://velog.io/@seungsang00/React-React-Modal

[React] React Modal

(리액트 부트스트랩에서 Modals 사용하는 방법)

https://react-bootstrap.netlify.app/components/modal/#modals

React-Bootstrap

 

+ 전 기수 분들이 하신 프로젝트에서 redux 참고

https://github.com/geemhunsu/happyTongue-FrontEnd

GitHub - geemhunsu/happyTongue-FrontEnd: 미니 프로젝트입니다