end game scene 레이아웃/스타일링/소켓 이벤트

[ramram1048]

💁 설명

버튼 이벤트 (로비로 돌아가기/다시하기) 는 미구현이요~

편의 기능 추가

GameObject.getObjectsByIds()

• html 템플레이트로 만든 GameObject에서 내부 dom에 id로 접근하는 과정을 method로 간략화.
• 추후 waitingRoom같이 레이아웃이 많은 페이지를 template로 refactor하면 이 method를 잘 써먹을 수 있으리라 예상됨
• 사용법은 scenes/endGame/render.js 코드 참고

getElementById가 아닌 querySelector로 구현하였음. 그 이유는 getElementById는 document에만 정의되어있고 element는 querySelector밖에 사용할 수 없기 때문. 성능은 document.getElementById가 좋은데 같은 document 내에 id가 같은 다른 element가 섞여있다면 예상과 다른 결과값을 return받게됨... 그냥 id가 unique하다는 전제를 깔고 document.getElementById를 써야할지 고민되는 부분

Player.makeDuck()

• player의 color나 isTeller를 활용해서 오리를 복사해낼 수 있는 method
• 추후 scoreboard의 refactor에서 써먹을 수 있으리라 예상됨

논의되지 않은 부분

• "다시하기" 버튼을 누르면 정확히 어떤 플로우를 따라가야할지 모르겠어요.