dh_0e

이번 팀 프로젝트는 저번에 팀 프로젝트로 만든 타워 디펜스 게임 클라이언트를 조금 변형시켜 멀티 플레잉 게임으로 만드는 것이다. 마찬가지로 웹소켓으로 서버를 열고, 다양한 기능을 추가하였다. 서버 기능 명세 (필수 구현)더보기🛠 클라이언트 기능 명세 (필수 구현)WebSocket 기반의 코드 완성하기제가 지금 여러분들에게 제공드리는 클라이언트 코드는 전부 WebSocket 기반으로만 서버와 통신을 할 수 있는 코드입니다.하지만, 대부분의 코드가 비어있거나 TODO로 처리된 부분이 많기 때문에 이 부분을 완성해주셔야 합니다!클라이언트에 하드코딩 된 게임 서버 주소 변경클라이언트 코드 곳곳에 http://15.165.15.118:3000 가 하드코딩이 되어있는데요. 이 하드코딩 된 테스트 서버 주소를 여러..

이번 주차 강의는 이해하기 꽤 어려웠다. 코드 따라가기도 벅찬데 이해까지 하려니까 정신이 나갈 뻔했지만, 이번 과제를 하면서 모두 이해한 것 같아 뿌듯했다. 도전 기능 중, latency를 이용한 추측항법 적용은 Unity와 C#에 대한 이해도가 필요하여 구현하지 못했다.. 나중에 제대로 공부하면 다시 구현해 봐야겠다.  필수 기능 정의 더보기우리가 만들어야 할 내용들을 체크리스트로 정리해봅시다.[ ] 프로젝트 구성[ ] 게임 인스턴스 생성[ ] 유저 접속[ ] 유저 인스턴스 생성[ ] 위치 패킷 교환꼭 ‘npm init -y’ 부터 프로젝트를 생성해서 만들어 보세요.프로젝트를 처음부터 세팅하여 만들어보는 경험은 큰 자산이 됩니다.강의를 들으며 완성한 코드들을 참고로 하여도 좋지만 복사, 붙여넣기는 하지..

블로그 정리중 2주 전에 진행했던 팀 프로젝트를 빼먹어 지금이라도 정리하여 포스팅한다..!이번(저번) 프로젝트는 피파 온라인 4를 오마주한 풋살 온라인이라는 게임을 서버로 제작하는 것이다. 필수 기능 정의더보기회원가입 / 로그인이건 뭐 당연한 기능이니 굳이 설명을 하지는 않겠습니다.회원가입 시 기본적으로 캐시를 충전해주세요. (캐시의 기본값은 여러분들이 정해주세요!)캐시는 선수 뽑기를 할 때 소모가 되어야 하며 캐시가 없으면 선수를 더 뽑을 수 없어야 합니다!캐시 구매 기능결제 연동을 하는 것이 아니라 단순 API 호출을 하면 일정량의 캐시 구매를 할 수 있게끔만 해주세요!이건 코어 기능이 아니기 때문에 최대한 단순하게 마무리를 해주세요.선수 뽑기 시 캐시가 부족할 때를 대비해서 만드는 기능입니다!선수 ..

이번 팀 프로젝트의 주제는 튜터님께서 만드신 타워 디펜스 게임 클라이언트의 서버를 만들어 적용시키는 것이다. 웹소켓으로 서버를 열고, 검증 로직, 다양한 기능을 추가하여 서버를 구성하였다.  서버 기능 명세 (필수 구현) 더보기회원가입 / 로그인 기능 (REST API로 통신)로그인 성공 시 Access Token을 발급받도록 해주세요.이후에 WebSocket 통신에서 해당 Access Token을 기반으로 유저 인증을 할 때 쓸 것입니다.유저 별 게임 데이터 관리클라이언트 코드에 있는 해당 변수들은 서버로부터 동기화를 받아야 하며 유저별로 관리가 되어야 해요!공통 데이터기지 체력최초 유저 골드타워 구입 비용초기 타워 개수유저 데이터몬스터 레벨몬스터 생성 주기게임 점수기존 최고 점수타워 좌표들 (배열)l..

내배캠 5번째 프로젝트는 4번째 프로젝트를 더욱 고도화 시키는 작업이다.마찬가지로 Node.js와 express를 사용하지만 mongoDB를 사용했던 저번 과제와 달리,Prisma로 MySQL을 이용하게끔 코드를 수정하며 데이터베이스 2개로 진행해야 했다.필수 및 도전 과제의 내용으론 로그인/회원가입, 회원 인증 미들웨어, 에러 처리 미들웨어, 아이템 구매/판매, 인벤토리 조회 기능을 추가해야 했으며, 모두 구현한 뒤 아이템 타입(장착 위치)을 추가하여 캐릭터가 아이템을 착용할 때 모자, 갑옷, 바지, 악세서리, 무기 등 타입 별로 하나의 아이템만 장착할 수 있게 제작하였다.필수 요구 사항 및 도전 요구 사항더보기0️⃣ 필수 요구 사항: 프로젝트 관리.env 파일을 이용해서 민감한 정보(DB 계정 정보,..

내배캠 4번째 프로젝트부터 본격적으로 백엔드와 게임 서버반으로 분반되어 진행되었다.Node.js와 express를 사용하여 캐릭터, 아이템의 CRUD와 상호작용을 구하는 개인 프로젝트를 진행하였다.필수 요구 사항은 다음과 같다.더보기🚩 필수 요구 사항0️⃣ 필수 요구 사항: 프로젝트 관리.env 파일을 이용해서 민감한 정보(DB 계정 정보, API Key 등)를 관리합니다..gitignore 파일을 생성하여 .env 파일과 node_modules 폴더가 Github에 올라가지 않도록 설정합니다..prettierrc 파일을 생성하여 일정한 코드 포맷팅을 유지할 수 있도록 설정합니다.1️⃣ 필수 요구 사항: AWS EC2 배포여러분의 완성된 프로젝트를 **AWS EC2**에 배포해주세요!배포된 IP 주소를..

내배캠 3번째 프로젝트는 팀 프로젝트로 이 전에 개인 프로젝트를 팀원들끼리 공유하여 한 프로젝트를 선정하여 발전 시키는 것이다. 우리 팀에선 디자인은 평범하지만 코드가 깔끔한 내 작업물로 진행하기로 했으며, 자연스럽게 내가 팀장을 맡게 되었다. 팀장 역할은 처음이었으며, 프로젝트에 대한 책임감이 많이 올라가 더욱 열심히 했던 것 같다.프로젝트에 추가해야될 필수 요구사항과 선택 요구사항은 다음과 같다.더보기필수요구사항[1] TMDB 또는 영화진흥위원회 오픈 API 이용(택 1 또는 중복 사용)영화진흥위원회 오픈APITMDB, 영화진흥위원회 오픈 API 모두 사용 가능합니다.둘 중 한가지만 사용하여도 무방합니다.기존에 TMDB를 이용해 작성한 과제에 어떻게 적용해야 하나요?안1) 기존 과제의 UI 및 API..

내배캠 2번째 프로젝트를 진행했다. 첫 번째는 팀으로 진행되는 미니 프로젝트였는데 처음 해보는 프로젝트라 정신이 없어 서로의 코드를 설명하는 시간도 가지지 못하여 정리가 되지 않아 포스팅하지 못했다.. 과제 설명이번 프로젝트는 개인 프로젝트로 영화정보 오픈 API인 TMDB를 사용하여 영화 검색 사이트를 제작하는 것이었다.특이한 점은 jQuery 라이브러리를 사용하지 않고 순수 바닐라 자바스크립트만으로 구현하는 것이었고,  학습해온 자바스크립트 문법을 최대한 활용하여 영화 리스트 조회 화면과 검색 UI를 구현하는 것이었다.필수 요구사항은 다음과 같다.더보기필수요구사항[1] jQuery 라이브러리 사용없이 순수 바닐라 자바스크립트 사용하기JavaScript 문법 종합반에서 학습한 내용과 지난 예제문제를 참..