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/#104] 메인 페이지 추가 #114

Merged
merged 14 commits into from
Jul 14, 2024
Merged

[Feat/#104] 메인 페이지 추가 #114

merged 14 commits into from
Jul 14, 2024

Conversation

sinji2102
Copy link
Contributor

📌 관련 이슈번호

🎟️ PR 유형

어떤 변경 사항이 있나요?

  • 새 기능 추가
  • 버그 수정
  • CSS 등 사용자 UI 디자인 변경
  • 리팩토링

✅ Key Changes

이번 PR에서 작업한 내용을 간략히 설명해주세요

  • 메인 페이지 추가
  • 공연 목록 구현
  • 공연 장르에 따른 필터링 기능
  • 칩 구현
  • footer 구현

📢 To Reviewers

  • carousel이 복잡할 수 있어 PR을 쪼개기 위해 개별 issue로 작업하겠습니다.
  • 화면 제일 상단에 있는 navigation이 공통 컴포넌트와 다른 거 같아 직접 구현하고자 합니다!
  • footer에 들어갈 링크는 나중에 추가하겠습니다!
  • banner 이미지 + footer 로고 이미지를 임시로 넣어두었습니다! 추후 추가하겠습니다.

📸 스크린샷

-Chrome2024-07-1220-34-49-ezgif com-video-to-gif-converter

@sinji2102 sinji2102 linked an issue Jul 12, 2024 that may be closed by this pull request
6 tasks
@github-actions github-actions bot requested review from imddoy, ocahs9 and pepperdad July 12, 2024 11:38
@github-actions github-actions bot added the ✨ FEAT 기능 구현 label Jul 12, 2024
Copy link

PR 작성하느라 고생 많았어요!! 라벨 잘 지정되었는지 확인 한 번 해 주기 🫶

Copy link
Contributor

@imddoy imddoy left a comment

Choose a reason for hiding this comment

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

멋진 코드 감~사합니다!
이미지만 넣구 머지해주세용

src/assets/svgs/index.ts Outdated Show resolved Hide resolved
Comment on lines +24 to +26
<Chip
key={`performance-${i}`}
label={item.label}
Copy link
Contributor

Choose a reason for hiding this comment

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

p5) 아까 막 열심히 하는 것 같더니 이거였구만용

Comment on lines +25 to +27
performanceId: 2,
performanceTitle: "정도영 댄스 공연",
performancePeriod: "2023.12.29~2023.12.30",
Copy link
Contributor

Choose a reason for hiding this comment

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

p100) 우왕 저도 보고 싶어요! 더 열어주세요

Copy link
Contributor

Choose a reason for hiding this comment

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

p100 이요??

Copy link
Member

Choose a reason for hiding this comment

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

p100 ㅋㅋㅋ

Copy link
Contributor

Choose a reason for hiding this comment

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

p5) 으어 이거 나 공연 등록하기에서 장르 선택때랑 겹쳐보이는디 small이랑 large차이없으면 하나로 합칠 수 있나?? 차이 있나?

Copy link
Contributor

Choose a reason for hiding this comment

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

p5) 이거 혹시 문제있을까봐 안올리고 있었는데 올려도 되려나...?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

헉 안 되나...?? 도영 오빠 당근 끝나면 물어보께욥

Copy link
Contributor

@ocahs9 ocahs9 left a comment

Choose a reason for hiding this comment

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

LGTM~ 리뷰할 게 없네용 👍

Comment on lines +13 to +20
scrollbar-width: none;
-ms-overflow-style: none;

&::-webkit-scrollbar {
display: none;
}
white-space: nowrap;
`;
Copy link
Contributor

Choose a reason for hiding this comment

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

p5) 굿~

Copy link
Member

@pepperdad pepperdad left a comment

Choose a reason for hiding this comment

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

GOOD

return (
<S.ChipWrapper color={color} onClick={onClick}>
{icon && <S.ChipIcon>{icon}</S.ChipIcon>}
{icon && <S.ChipIcon iconColor={iconColor}>{icon}</S.ChipIcon>}
Copy link
Member

Choose a reason for hiding this comment

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

p5) 최고

import styled from "styled-components";

export const MainWrapper = styled.section`
width: auto;
Copy link
Member

Choose a reason for hiding this comment

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

p4) 여기서 width는 왜 auto로 줬나요?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

제 맘인데요? 농담이고... wrapper로 항상 감싸고 시작하는데 아무 옵션도 안 주면 오류 나서 줬어욥

Comment on lines +25 to +27
performanceId: 2,
performanceTitle: "정도영 댄스 공연",
performancePeriod: "2023.12.29~2023.12.30",
Copy link
Member

Choose a reason for hiding this comment

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

p100 ㅋㅋㅋ

import { IconSmallMusical, IconSmallBand, IconSmallDance, IconSmallEtc } from "@assets/svgs";

export const CHIP_LIST = [
// { label: "전체", genre: "ALL" },
Copy link
Member

Choose a reason for hiding this comment

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

p1) p1 으로 달아보고 싶었음. 삭제 부탁드려용!

@sinji2102 sinji2102 merged commit 911e0e5 into develop Jul 14, 2024
1 check failed
Copy link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ FEAT 기능 구현
Projects
Status: 🎉Done
Development

Successfully merging this pull request may close these issues.

[ Feat ] 메인 페이지 추가
4 participants