171105 웹프로그래밍 static web 제작 프로젝트인 몰빵에 대한 발표자료

1. 몰빵
With HTML/CSS/JS
201301966 신우진

2. 소개 및 개요

3. 소개 및 개요
• 소개
몰빵은 제비뽑기 기능을 제공하는 정적 웹
• 개요
- 제비뽑기의 예시로는 사다리타기, 가위바위보, 동전던지기, 주사위 등 다양한 종류가 있음
- 점심값내기, 꼴지정하기 등에서 제비뽑기를 주로 사용
- 하지만 게임에서 결과에 승복하지 못하고 재게임을 하거나 제시하는 사람들이 존재
- 이것을 해결하는 것이 목적
소개 및 개요 운영 및 개발환경 웹 구조 기능 소개 시연 및 결론

4. 운영 및 개발환경

5. 운영 및 개발환경
• 개발환경
- 언어: HTML/CSS/JS
- IDE 및 편집기 : Sublime Text, Eclipse
• 운영환경
- 서버: CentOS 6.7
- WEB 서버: NGINX 1.10.2 (WAS 겸용)
소개 및 개요 운영 및 개발환경 웹 구조 기능 소개 시연 및 결론

6. 웹 구조

7. 웹 구조
/ (root)
┖ static_credit // 자기소개서, 회원가입, 계산기 등 과제 구현을 위한 폴더
┖ devtools
┖ login
┖ profile
┖ register
┖ webapp // 몰빵 구현을 위한 폴더
┖ dice
┖ ladder
┖ result
┖ rockpaper // 구현보류
index.html // 시작점
소개 및 개요 운영 및 개발환경 웹 구조 기능 소개 시연 및 결론
※ 루트를 포함한 각 서브디렉토리에는 js와 css폴더가 별도로 존재

8. 기능 소개

9. 기능 소개
소개 및 개요 운영 및 개발환경 웹 구조 기능 소개 시연 및 결론
메인페이지

10. 기능 소개
소개 및 개요 운영 및 개발환경 웹 구조 기능 소개 시연 및 결론
계산기 및 문자열 인코딩 기능

11. 기능 소개
소개 및 개요 운영 및 개발환경 웹 구조 기능 소개 시연 및 결론
회원가입 및 로그인 윈도우

12. 기능 소개
소개 및 개요 운영 및 개발환경 웹 구조 기능 소개 시연 및 결론
webapp의 주사위굴리기

13. 기능 소개
소개 및 개요 운영 및 개발환경 웹 구조 기능 소개 시연 및 결론
webapp의 사다리타기

14. 기능 소개
소개 및 개요 운영 및 개발환경 웹 구조 기능 소개 시연 및 결론
webapp의 게임 결과 목록

15. 시연 및 결론

16. 시연 및 결론
QnA
감사합니다
소개 및 개요 운영 및 개발환경 웹 구조 기능 소개 시연 및 결론