Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FE] 코드 리팩토링, ui 작업 및 사운드 효과 추가 #76

Merged
merged 13 commits into from
Nov 3, 2023

Conversation

aaaz425
Copy link
Collaborator

@aaaz425 aaaz425 commented Nov 2, 2023

📌 이슈번호

🔑 Key changes

  • 주식 로고의 배경 제거
  • 게임 보드 ui 변경
  • 플레이어 토큰 ui 변경
  • 룰렛 사운드 변경
  • 사운드 음소거 여부 로컬스토리지 연동
  • 주사위, 룰렛 사운드 이펙트 추가
  • 주식 현황판
    • 모달 토글 버튼 위치 변경 -> 페이지 헤더의 중간에 위치
    • 기업 로고 추가
  • 주식 구매 모달 랜더링 방법 변경
    • 주식 칸 도착시 현재 플레이어에게만 랜더링
image image image
2023-11-03.7.07.16.mov

👋 To reviewers

  • 음소거 여부 로컬 스토리지 연동하여 새로고침시에도 유지하도록 했습니다 -> 이제야??
  • 주식 로고 중 배경이 거슬리는 이미지 누끼 땄습니다
  • 게임 보드 셀, 플레이어 토큰 ui 변경했습니다
    • 임의로 변경하여 죄송합니다..
    • 입체감을 위하여 box-shadow 추가
    • 셀 색상 변경 - 화이트
    • 플레이어 토큰 - 토큰: 개미 이미지, 배경: 그린
  • 주사위, 룰렛 돌아갈 때 사운드 이펙트 추가했습니다
    • 룰렛 사운드는 아무리 찾아봐도 마음에 드는게 없네요...
    • 돌아가는 도중에만 소리가 나오도록 했습니다
  • 주식 구매 모달은 셀 도착시에 해당 플레이어만 랜더링 되도록 했습니다
  • 주식 전체 현황판에 기업 로고 추가했습니다

@aaaz425 aaaz425 added refactor 코드 리팩토링 fe 프론트엔드 UI UI 및 디자인 작업 labels Nov 2, 2023
@aaaz425 aaaz425 requested a review from silvertae November 2, 2023 22:04
@aaaz425 aaaz425 self-assigned this Nov 2, 2023
Copy link
Collaborator

@silvertae silvertae left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

디테일한 부분까지 많이 손봐주셨네요. 하룻밤사이 엄청나게 발전한 것 같습니다.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

와 저도 이거 거슬렸는데 귀찮아서 미뤘는데 토코가 깔끔하게 배경제거해주셨군요. 토코 짱짱맨!

Comment on lines +33 to +39
<IconContainer
className="status-board"
onClick={toggleStatusBoardModal}
>
<Icon name="statusBoard" size="3rem" color="neutralText" />
</IconContainer>
<Navigation>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

지금 현황판 버튼 위치가 뭔가 게임보드판 중앙이라 딱 안 맞아서 약간 신경쓰이네요. 👀
margin-right를 조금만 주면 맞출수 있을것 같기도...? 한 74~5px 정도 주니까 얼추 맞는것 같긴하네요.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이 기능 너무 좋네요. 드디어!

setGameInfo((prev) => {
return {
...prev,
isArrived: false,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

주식매수창이 닫혔을때 isArrived: false로 바꿔주는건 한 번 닫히면 다시 안열리게 하기 위함인가요?

@silvertae silvertae merged commit 329b1f1 into fe Nov 3, 2023
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
fe 프론트엔드 refactor 코드 리팩토링 UI UI 및 디자인 작업
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants