pre-project 3일차 (22.08.24. 파트나누기, 초기설정)

✅ 오늘 한 일

원래는 백엔드분들의 Github branch까지 관리를 하기로 했었지만 백엔드 분들이 직접하신다고 하셨다! 프론트와 백엔드의 dev branch를 나누어 두었기 때문에 괜찮다고 생각이 들었다. 백엔드 분들이 팀장의 부담감을 덜어 주시려고 말씀하셔서 감동받았다.!!🥲

Github branch 생성 및 팀원 PR, merge 테스트

• 5명 전부 PR 테스트 완료
• dev_Back: 백엔드 테스트용 브랜치
• dev_Front: 프론트 테스트용 브랜치
• dev: 프론트, 백엔드 합동 테스트 브랜치

프론트엔드 기능 별 파트 나누기

• Main 페이지 오른쪽 사이드바
• footer 구현
• Main 페이지 왼쪽 사이드바
• nav bar 구현
• 회원가입 component 구현
• 로그인 component 구현
• My Page component
• 질문 작성 component
• view component
• Main content
• 질문 필터 기능 (Advanced)
• 반응형 웹 구현 (Advanced)
• 마이페이지 (Advanced)
• 텍스트 에디터 구현 (Advanced)

백엔드 역할 분배

• 질문 / 답변 DB & API 
• 회원관리 로그인/로그아웃 DB & API 
• dev 배포 (AWS)
• production 배포 (AWS)
• github server 폴더 merge: 백엔드 서로 상대방 PR 리뷰 후 승인

 

📌 해야할 일

수요일부터 코드구현을 하기로 정했기 때문에 그 전에 프론트엔드 react의 기초 틀을 잡아 주기로 했다. 일단은 CRA로 react 파일을 구성하여 주고 필요한 라이브러리들을 설치해야한다.

create-react-app

• 사용할 라이브러리 설치
  • Redux
    • npm install @reduxjs/toolkit react-redux
  • Styled-component
    • npm install --save styled-components
  • router
    • npm install react-router-dom
  • axios
    
    • npm install axios
• 페이지 나누기
• 폴더 구분
• 파일 구분