[개발 완료] Open The Door! 웹사이트

 

Github 소스 코드

https://github.com/jooyeokkim/Open-The-Door-Web-Application-Public

GitHub - jooyeokkim/Open-The-Door-Web-Application-Public

 

 

프로젝트 소개

• 프로젝트 이름 : Open The Door! 웹사이트
• 프로젝트 설명 : 본인이 개발한 게임인 "Open The Door!"의 공식 웹사이트이다. 개발 및 게임 정보를 확인하거나 커뮤니티에 AI 감정 분석 기반의 댓글을 남길 수 있음
• 기술 스택 : SpringBoot (Fullstack), Mybatis, MySQL, Mustache
• 진행 인원 및 작업 기간 : 1인, 2021.11.13 ~ 2022.02.22 (평균 주 1~2회)
• 버전 관리 툴 : Git

 

 

프로젝트 내용

• 게임 소개
• 웹사이트 구성도
• 웹사이트 기능 설명
• 배포 정보

 

1. 게임 소개

[개발 완료] Open The Door!

https://kimcoder.tistory.com/363

[개발 완료] Open The Door!

 

 

 

 

2. 웹사이트 구성도

 

3. 웹사이트 기능 설명

1) Home

(1) 개발 및 게임 정보 소개

 

(2) 게임 다운로드 및 웹사이트 소개

 

 

2) Levels

아래 포스팅 참고

[개발중 Progress #2] Open The Door! 웹사이트

https://kimcoder.tistory.com/403

[개발중 Progress #2] Open The Door! 웹사이트

 

 

3) REST API

(1) REST API 가이드

 

(2) 서비스

<1> Endpoint : http://ec2-54-180-152-253.ap-northeast-2.compute.amazonaws.com

<2> Service URL

- /restapi/otd/user/{userId} : 특정 사용자의 게임 정보를 조회

- /restapi/otd/levels : 특정 범위의 스테이지 정보를 조회

- /restapi/otd/ranking/user : 유저 순위 TOP100을 조회

- /restapi/otd/ranking/level : 단계별 최단 기록을 세운 유저와 그 기록을 조회

<3> 요청 예시

 

 

4) Ranking

유저 랭킹과 단계별 최단 기록과 그 기록을 세운 유저를 조회

 

 

5) Community

아래 포스팅 참고

[개발중 Progress #4] Open The Door! 웹사이트

https://kimcoder.tistory.com/406

[개발중 Progress #4] Open The Door! 웹사이트

 

 

 

4. 배포 정보

1) 게임 배포

(1) V1.0.19 - 계정 메뉴(DB) 미포함 버전

진행 상황은 기기 내 레지스트리에 자동으로 저장됨

https://www.dropbox.com/s/phjma8d8k4z2g8z/OpenTheDoor%21_V1.0.19.apk?dl=0 

OpenTheDoor!_V1.0.19.apk

 

(2) V1.0.21  - 계정 메뉴(DB) 포함 버전

- Android 버전 : https://kimcoderbucket.s3.ap-northeast-2.amazonaws.com/openthedoor/open_the_doorV1.21.apk

- Window 버전 : https://kimcoderbucket.s3.ap-northeast-2.amazonaws.com/openthedoor/open_the_doorV1.21.zip

※ AWS 서버 비용의 이유로 V1.0.21 버전은 올해 말까지 제공됩니다.

※ 채용 심사 등의 이유로 해당 프로젝트의 참고가 필요한 경우에는 서버를 일시적으로 오픈합니다.

 

 

2) 웹사이트 배포

http://ec2-54-180-152-253.ap-northeast-2.compute.amazonaws.com

※ AWS 서버 비용의 이유로 웹사이트는 올해 말까지 제공됩니다.

※ 채용 심사 등의 이유로 해당 프로젝트의 참고가 필요한 경우에는 서버를 일시적으로 오픈합니다.

 

 

 

프로젝트를 마치며...

오늘 2022년 02월 22일부로 대학교 졸업 작품이 모두 완성되었다. 졸업 작품 주제를 결정하고 1년 반정도가 흐른 것 같다.

이 프로젝트가 처음으로 AWS에 배포 작업까지 진행된 프로젝트였는데, 이론으로만 배우다가 실제로 적용해보니 더 신기하고 재밌었다. 풀스택 개발이 이런 느낌이구나 하고 느낀 계기가 되었다.

감사하게도 이번 웹 프로젝트는 오류로 크게 헤매지는 않았던 것같다. 운이 좋았거나.. 프로젝트가 크게 복잡하지 않았거나.. 프로젝트 경험이 쌓였거나.. 이러한 이유들이 있는 것 같다. 프론트엔드 작업에서는 부트스트랩의 도움을 많이 받았는데, 이러한 CSS 프레임워크를 단순히 사용하는 것에 그치지 않고 개발자 도구를 통해 자세한 css 속성들을 확인해보면서 css에 대해 더 자세히 이해하려고 노력했다. 또, 중복 코드를 줄이기 위해서 Mustache 코드를 파일로 분리했고, 백엔드 작업에서는 동적 URL, 동적 SQL을 활용했다.

다음 주부터 대학교 4학년이 되는데, 이 때부터는 미리 사놓은 토비의 Spring 교재와 김영한의 JPA 교재를 읽어보며 Spring에 대해 더 심층적으로 학습할 계획이다.