개발경험프로젝트 최종 데모 발표자료 YNCA 팀 NHN NEXT 류우림

1. DirectorRyu
Woogenius
H.Chang
Y.Koh

2. schedule map

3. 사용자도

4. 재밌고

5. 우리도

6. 재밌는

7. 서비스를

8. 만들자
더 지니어스 : 블랙가넷
흑과백 2

9. 서버 사이드 JavaScript
브라우저 밖, 백엔드에서
JavaScript를 실행가능하게
실습
기본 서버 생성
route /요청 handler
view Logic
웹페이지 개발에 최적화된!
framework
실습
로그인 / 로그아웃
Node js 는 여러가지
웹 개발 framework를 제공
가장 많이 사용되는!
framework

10. 우진

11. 채영

12. 우림

13. 예슬

14. 서버 / 게임 로직
짝코딩
화면 구성 /
front end 개발
Merging
Week 7 - 12
1
전체적인 서버의 흐름 개발
게임의 처음-끝 로직 개발
!
2
화면 레이아웃과 구성
(html / css)
모달, 애니메이션, 이펙터 적용
Front-end 개발
!
3
end to end 코드 합병 작업
!

15. 서버 / 게임 로직
짝코딩
우진
예슬
채영
우림
게임 로직 개발!
1-9 라운드 진행 (라운드 별 승패, 스코어, 게이지 업데이트)
Draw 게임 진행 (새로운 세팅, 총 3라운드 진행)
최종 우승자 판별
서버 개발!
게임방 생성 - 서버에 입장하는 사람들 2명씩 같은 방에 넣어서 게임 진행
플레이어 이름 / 플레이어가 입력한 포인트 값 처리
게임 진행 중, 알림창 (모달 / 팝업)

16. 화면 구성 /
front end 개발
게임 진행 화면!
전체적인 레이아웃 구성
디테일한 스타일 입히기
Effect 적용!
게임 진행 중,
각종 애니메이션 효과 적용
알림창!
게임 진행 중,
각종 정보를 알려주는
모달, 팝업 구성
DOM 수정!
게임 진행에 따라 실시간으로
DOM을 수정하는 코드 개발

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

18. Notification!
Modal
1 이름 입력
!
2 각 라운드의 선, 후공
!
3 라운드 승, 패자

19. 그리고…
WebRTC

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