startPlayUp

Web game project

원 페이저

최종 보고서

프레젠테이션

일일업무일지-장석찬

인력	역할	비고
조석영, 엄지용	PM(Project Manager)	프로젝트 리딩 및 방향성 제시
정진	기획 및 개발	‘얏지 다이스 ’ 게임 개발, 계정 연동 구현
장석찬	기획 및 개발	‘윷놀이’ 게임 개발, REST API 서버 구현
이종찬	기획 및 개발	‘마피아’ 게임’개발, 웹 페이지 공통 스타일

스터디 내용

• 1 . React Context

• 2 . React Hooks

• 4 . React Hooks (써야 되는 이유)

• 6 . CSS Flexbox 대표 레이아웃 10가지

• 8 . Observer Pattern (React Context 보충 개념)

• 10 . State Pattern (Class 내부에 상태 메서드가 있는 이유)

• 11 . webrtc

  • 1. http://www.castware.co.kr/streamingtechnologies/webrtc-signaling-server-you-must-know/
  • 2. https://velog.io/@mgm-dev/PeerJS로-WebRTC-쉽게-사용해보기
  • 3. https://velog.io/@ehdrms2034/WebRTC-웹브라우저로-화상-채팅을-만들-수-있다고
  • 4. https://medium.com/@marslan.ali/webrtc-chat-with-react-js-5ce35f0c23a7

• 12 . 자바스크립트 기초 (array 편)

• 13 . styled component React

• 14 . CSS Absolute Position 속성

• 15 . React useEffect Hook

• 16 . 소프트웨어를 설계할 때 공부하면 좋은 내용들

  • 1. https://siyoon210.tistory.com/97
  • 2. https://biggwang.github.io/2019/07/31/OOP/상속보다는 합성을 사용해야 하는 이유

• 17 . simple-peer 그룹 통화 예시

• 18 . webrtc 보충자료

• 19 . react hook 설계 총 정리

  • 1. https://www.robinwieruch.de/react-hooks-fetch-data
  • 2. https://overreacted.io/a-complete-guide-to-useeffect/

• 20 . 함수형 컴포넌트와 클래스의 차이점

• 21 . react에서 state 사용시 불변성을 지켜야 하는 이유

• 22 . React Context API (16.3 Version) 초보자편

• 26 . useContext 에서 data update 하는 방법

• 28 . node express 라우터 분리하기

• 29 . OOP 설계방법