- 우아한 테크캠프의 마지막 프로젝트인 Bmart 서비스 입니다!
- 조현욱
- 임학수
- 최해랑
git clone https://github.com/woowa-techcamp-2020/bmart-3
cd bmart-3/client
npm install
cd ../server
npm install
.env 파일 접근 프론트엔드
cd bmart-3/client
sample.env 파일을 현재 경로에 복사하고 .env 파일로 이름 변경 후 환경변수 설정
REACT_APP_API_HOST=https://localhost
REACT_APP_API_PORT= API 포트번호
REACT_APP_PUBLIC_URI= https://'퍼블릭 ec2 주소'
REACT_APP_GOOGLE_LOGIN_CLIENT_ID= 구글 Oauth client ID
백엔드
cd bmart-3/docker/development
sample.env 파일을 현재 경로에 복사하고 .env 파일로 이름 변경 후 DB정보 입력
#DB_HOST 수정 금지
DB_HOST=db
DB_ROOT_PASSWORD= mysql root 계정 비밀번호
DB_PORT= mysql 포트
DB_USER= mysql 계정
DB_PASSWORD= mysql 비밀번호
DB_DATABASE= 데이터베이스 이름
PORT=80
초기 데이터 삽입
bmart-3/docker/mysql/ 폴더의 1,2,3번 쿼리 실행( ❗️한글입력이 가능한 라이브러리, 툴을 사용 )
cd bmart-3/docker/development
./start.sh
프론트엔드
백엔드
배포
- 아침에 18층에서 먹으면서 스크럼 하기
- 의견이 있으면 주저하지 않고 즉시 말할 것
- 과자는 항상 보충해 놓을것
- 서로의 의견에 대해서는 항상 넓은 시야를 가질 것
- develop브랜치의 코드에 대해서는 팀원 모두 구조를 숙지할 것
- 가능하면 개개인이 프론트,백,db를 모두 경험해볼 것
-
커밋 스타일 가이드는 https://siyoon210.tistory.com/56에 이슈번호를 추가하는 방식을 사용
ex) feat: #5 로그인 기본 레이아웃 구현
-
브랜치 네이밍은 https://dev.to/couchcamote/git-branching-name-convention-cch 에 프론트 백엔드 여부를 추가한 양식 사용
Ex) feature/front-header, fix/back-loginAPI
-
변수 네이밍은 다음과 같다.
-
클래스명은 PascalCase
-
변수, 함수는 camelCase
-
상수는 대문자 SNAKE_CASE
-
html tag classname은 -를 구분자로 사용하며 태그가 div가 아니라면 가장 마지막에 태그네임을 기재
Ex) calendar-wrapper, login-signup-button
-
폴더 및 파일이름은 front는 camelCase를 사용하고 back은 kebab-case를 사용
-
- 깃헙의 develop 브랜치에 merge할 때 팀원들과 코드리뷰 하기 > 최종본(develop)에 있는 코드는 팀원 모두가 제대로 이해할 것
- develop에 대한 merge는 팀원 전부의 코멘트를 받은 후에 merge하기
- 전체적인 UI, 구조, 기능은 함께 페어프로그래밍 하기. 이후에 세부기능은 분업하기