개발경험프로젝트 YNCA팀 최종 데모 _발표자료

15
DirectorRyu Woogenius H.Chang Y.Koh

Transcript of 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

Page 1: 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

DirectorRyu

Woogenius

H.ChangY.Koh

Page 2: 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

schedule map

Page 3: 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

사용자도����������� ������������������ 재밌고����������� ������������������ 우리도����������� ������������������ 재밌는����������� ������������������ 서비스를����������� ������������������ 만들자

더 지니어스 : 블랙가넷 흑과백 2

Page 4: 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

서버 사이드 JavaScript

브라우저 밖, 백엔드에서 JavaScript를 실행가능하게

실습 기본 서버 생성

route /요청 handler view Logic

웹페이지 개발에 최적화된!framework

실습 로그인 / 로그아웃

Node js 는 여러가지 웹 개발 framework를 제공

가장 많이 사용되는!framework

Page 5: 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

우진

Page 6: 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

채영

Page 7: 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

우림

Page 8: 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

예슬

Page 9: 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

서버 / 게임 로직 짝코딩

화면 구성 / front end 개발

Merging

Week 7 - 12

1 전체적인 서버의 흐름 개발 게임의 처음-끝 로직 개발

!2

화면 레이아웃과 구성 (html / css)

모달, 애니메이션, 이펙터 적용 Front-end 개발

!3

end to end 코드 합병 작업 !

Page 10: 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

서버 / 게임 로직 짝코딩

우진 예슬

채영 우림

게임 로직 개발!1-9 라운드 진행 (라운드 별 승패, 스코어, 게이지 업데이트) Draw 게임 진행 (새로운 세팅, 총 3라운드 진행) 최종 우승자 판별

서버 개발!게임방 생성 - 서버에 입장하는 사람들 2명씩 같은 방에 넣어서 게임 진행 플레이어 이름 / 플레이어가 입력한 포인트 값 처리 게임 진행 중, 알림창 (모달 / 팝업)

Page 11: 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

화면 구성 / front end 개발

게임 진행 화면!전체적인 레이아웃 구성 디테일한 스타일 입히기

Effect 적용!게임 진행 중,

각종 애니메이션 효과 적용

알림창!게임 진행 중,

각종 정보를 알려주는 모달, 팝업 구성

DOM 수정!게임 진행에 따라 실시간으로 DOM을 수정하는 코드 개발

Page 12: 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

Merging

게임 로직 서버 클라이언트 DOM

Page 13: 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

Notification!Modal

1 이름 입력 !

2 각 라운드의 선, 후공 !

3 라운드 승, 패자

Page 14: 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

그리고… WebRTC

Page 15: 개발경험프로젝트 YNCA팀 최종 데모 _발표자료

http://10.73.42.73:3000/http://program.interest.me/tvn/thegenius3/20/Contents/Html?h_seq=1