gunkim / 2048-online Goto Github PK
View Code? Open in Web Editor NEW2048 멀티 게임
License: MIT License
2048 멀티 게임
License: MIT License
현재 입장 시 이동은 되지만, 실질적인 입장 처리는 되지 않고 있음. 이 부분 구현 필요
로그인 후 깜빡하고 넘어가는데 기다리는 동안 프로그레스바라도 돌면 좋을 것 같다.
현재 index페이지에 싱글 게임이 구현되어 있는데 이를 single로 변경하고,
index페이지를 새롭게 디자인할 필요가 있습니다.
타일을 움직일 때 이동한 타일이 없을 경우 새로운 타일이 생기지 않아야 하지만 생성되는 문제
모드에 따른 우승 판정 및 시간 초를 세는 기능이 있어야 할 것 같다.
URL, IP, 요청 정보, 응답 정보, 처리시간 등 공통으로 로그를 찍는 AOP 객체가 있으면 좋을 것 같다.
프론트, 백엔드 모두 Sentry를 적용해서 prod 환경에서만 오류를 날리도록 하면 좋을 것 같다
확인이 필요합니다.
아마 난수를 생성하다 보니 그런 것 같은데 요부분은 한번 난수 생성 알고리즘을 손보던가 해서 고쳐볼만 할 듯?
2랑2를 합치면 새로 생긴 타일인 4가 증가해야 하지만, 8이 증가함.
소켓, 시큐리티 등을 모듈로 나누었는데, 굳이 나눌 필요가 없는 것 같아서
socket -> core, api
auth -> api
위와 같이 합치는 게 관리하기 용이할 것 같음.
기존에 타일이 있는데 새롭게 타일이 생성되면서 기존 타일이 덮어씌워집니다.
새로고침 시 가끔 방이 로딩이 안되는 문제 및 비즈니스로직을 컨트롤러로 부터 분리했으면 좋겠다.
{rooms &&
rooms.map((room, index) => (
<RoomCard
key={index}
title={room.name}
peopleCnt={room.players.length}
gameMode={room.gameMode}
/>
))}
rooms가 초기 값이 없기 때문에 빌드 시에 오류가 나는 것 같다.
소켓이 한가지 주소로 매핑이 되어 있기 때문에 다른 방에서의 게임을 진행할 경우 영향이 오는 문제가 있음.
id를 별도로 주어 구독하는 것으로 해결하면 될 것 같음. 그리고 추가로 소켓 주소도 좀 더 명확하게 네이밍하는게 좋을 듯 하다.
게임 방 입장 및 화면 구현이 필요
지금은 그냥 게임 진행이 가능한데, 방장이 게임 시작 버튼을 누르게 되면 게임이 시작하게 되면 좋겠음.
42번 풀리퀘에서 코드를 수정하고, 개발환경만 테스트했지, 빌드를 제대로 확인하지 않은 것이 문제가 된 것 같다...
백은 로그인 테스트 코드에서 문제가 발생해 빌드가 안되고,
프론트는 몇몇 파일 경로를 수정하면서 임포트 경로 불일치로 오류가 나는 것 같다.
api 모듈을 따로 분리하는 것이 좋을 것 같고, url은 /api/v2/member/check/{username}
으로 하면 될 듯 하다..
예를 들어 4-4를 합치면 8이 되어야 하지만 4x4가 되어 16으로 되는 문제
아이디만 있으나, 닉네임 컬럼도 따로 두도록 조금 수정해야 할 것 같다.
방은 제약 조건을 조금 손 볼 필요가 있을 듯 하다.
db, logback 등 개발과 운영 환경에서 다르게 작동하도록 수정
상태관리 라이브러리는 어떤 것을 사용할 지는 정하진 않았지만 redux, mobX 고려 중 하나 선택하면 될 것 같고,
스프링 시큐리티에서 수정이 약간 필요할 것 같은데 그 부분 수정
로그인 -> 분기(싱글, 멀티) -> 이동
게임 종료 시에 안내판으로 결과를 안내해주면 좋겠다.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.