README.md

배는 항구에 정박해 있을 때 가장 안전하다. 그러나 그것이 6팀의 존재 이유는 아니다.

6팀 배 출발!

§§배민☆ 문방구§§가입시$$전원 카드팩☜☜ 즉시이동 https://store.woowa.link

자랑거리

멤버가 자랑거리임!!

프로그래밍계의 박지성. 두개의 심장으로 키보드를 누비는 야생마. 지치지않는 그의 이름 황.병.현.

그 이외에도 자랑할 멤버가 많지만 지면이 부족한 관계로 자세한 설명은 생략한다.

게더 왜씀! 그거 쓸바에 뜨끈~한 배민문방구 쓰고말지!

메인페이지에서 webRTC p2p 통신을 통해서 비디오챗 + 캐릭터 위치동기화 기능으로 친구랑 놀 수 있어요!

아니 이사람들 왜 쇼핑몰만들라는데 게더를 만들어놨어

1px 차이? 디테일 차이? 아무튼 중요!

상품목록	상품 디테일

장바구니	좋아요

🐾 6팀의 즐거운 항해 발자취

작업일정 공유 캘린더	백로그	번업 차트

항해기록	갓종호으 영혼을 갈아넣은 Figma	풍부한 위키

👇 이것도 봐주삼!

• 유튜브 최종 데모 영상
• 6팀에서 일 잘하는 11가지 방법
• 왜 기존 배민 문방구에서 새로운 UI UX를 기획하게 되었나요?

실행방법

직접 실행하기 귀찮으면 라이브데모 페이지로 접속하세요

서버 환경변수 설정 (.env)

server/.env.dev 를 참고해서 환경변수 파일을 만들어주세요

서버 실행

server/ 디렉토리에서 아래 명령어를 실행합니다.

yarn dev # 개발용 서버 (.env.dev 필요)
# or 
yarn start # 배포용 서버 (.env 필요)

webRTC 브로커서버 실행

server/ 디렉토리에서 아래 명령어를 실행합니다.

yarn p2p-dev # 개발용 브로커 서버 
# or
yarn p2p # 배포용 브로커 서버

클라이언트 실행

client/ 디렉토리에 아래 명령어를 실행합니다.

yarn dev # 개발용 핫로딩 서버 (.env.dev 필요)
# or
yarn build # 배포용 빌드 (.env.prod 필요)