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

[Feat] 선착순 이벤트 페이지 UI 구현 #81

Merged
merged 12 commits into from
Aug 2, 2024
Merged

Conversation

sooyeoniya
Copy link
Member

🖥️ Preview

2024-08-01.4.49.11.mov

✏️ 한 일

  • 밸런스 게임 첫 번째 페이지 게임 시작 전 화면 UI 구현
  • ElectricReason 컴포넌트 내부 Toggle 관련 5개 카드 컴포넌트 구현 및 각 데이터 연동
  • Electric 페이지 섹션 컴포넌트 구현
    • 각 페이지 별 UI 구현
    • 페이지 전체 이미지 추가
    • 공통 부문 컴포넌트화
  • Casper 페이지 섹션 컴포넌트 구현
    • 각 페이지 별 UI 구현
    • 페이지 전체 이미지 추가
    • 공통 부문 컴포넌트화
  • Reason 섹션 컴포넌트 구현 (페이지 2개)
    close 선착순 페이지 UI 구현 #50

❗️ 발생한 이슈 (해결 방안)

❓ 논의가 필요한 사항

@sooyeoniya sooyeoniya added the feat 기능 구현 label Aug 1, 2024
@sooyeoniya sooyeoniya requested a review from jhj2713 August 1, 2024 07:51
@sooyeoniya sooyeoniya self-assigned this Aug 1, 2024
Copy link

github-actions bot commented Aug 1, 2024

빌드를 성공했습니다! 🎉

Copy link
Member

@jhj2713 jhj2713 left a comment

Choose a reason for hiding this comment

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

까다로운 UI라 복잡했을텐데 넘 고생많았어요🥹 공통된 부분 컴포넌트화도 잘 되어있고 짱입니당👍

Comment on lines 8 to 13
<div className="relative z-10">
<div className="absolute top-0 left-[-38px] w-[880px] h-[390px] rounded-[29px] overflow-hidden bg-n-white/[.16] -rotate-[4deg] z-20">
<div className="w-1/2 h-full float-left bg-gradient-green blur-[40px]" />
<div className="w-1/2 h-full float-right bg-gradient-red blur-[40px]" />
</div>
<div className="absolute top-0 left-[35px] w-[800px] h-[390px] rounded-[29px] overflow-hidden bg-n-white/[.16] z-5">
Copy link
Member

Choose a reason for hiding this comment

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

뭔가 요 부분 태그랑 스타일만 막 나열되어있으니까 정확히 어떤 일을 하는지 파악이 안되는 것 같아용. 아예 background 역할을 하는 태그들을 따로 빼서 <...Background/> 같이 컴포넌트로 만들어서 넣어도 좋지 않을까 싶어요!

Copy link
Member Author

Choose a reason for hiding this comment

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

네 좋습니다!! 제가 봐도 저게 뭔지 잘 모를 것 같긴 하네용ㅎㅎ 컴포넌트로 빼볼게요!

import { ReactNode } from "react";

interface CasperDescriptionProps {
subTitle: string | ReactNode;
Copy link
Member

Choose a reason for hiding this comment

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

ReactNode 타입에는 string도 포함되어있어서 이 부분은 string 빼고 ReactNode로만 해도 괜찮지 않을까요?!

Copy link
Member Author

Choose a reason for hiding this comment

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

헉 그렇군요! 몰랐는데 감사합니다 :) 바로 반영할게염

Copy link

github-actions bot commented Aug 2, 2024

빌드를 성공했습니다! 🎉

Copy link

github-actions bot commented Aug 2, 2024

빌드를 성공했습니다! 🎉

@sooyeoniya sooyeoniya merged commit ca3dad9 into dev Aug 2, 2024
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feat 기능 구현
Projects
None yet
Development

Successfully merging this pull request may close these issues.

선착순 페이지 UI 구현
2 participants