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

홈페이지 개발 #45

Merged
merged 36 commits into from
Jul 18, 2024
Merged

홈페이지 개발 #45

merged 36 commits into from
Jul 18, 2024

Conversation

sean2337
Copy link
Collaborator

홈페이지 개발


🏄🏼‍♂️‍ Summary (요약)

  • 홈페이지에 필요한 컴포넌트 개발 후에 홈페이지 개발을 완료했습니다.
  • 사용된 데이터는 임의로 생성하고 만들었습니다. 이후 API 연결 후에 수정 필요

🫨 Describe your Change (변경사항)

  1. 홈페이지 개발 관련
  • src/app/home/HomePage.tsx
  • src/component/home/GoMakeReviewButton.tsx
  • src/component/home/SpaceOverview.tsx
  • src/component/home/ViewSelectTab.tsx
  • src/component/home/index.ts
  • src/router/index.tsx
  1. 공용 컴포넌트 관련 변경사항
  • src/component/common/appBar/AppBar.tsx
  • src/layout/DefaultLayout.tsx
  • src/layout/GlobalLayout.tsx
  1. ICON 관련 변경사항
  • src/assets/svgs/common/basicProfile.svg
  • src/assets/svgs/common/ic_plus.svg
  • src/assets/svgs/common/ic_user.svg
  • src/assets/svgs/common/index.ts
  1. 기타 수정사항
  • src/style/global.css
  • src/style/variable.ts

🧐 Issue number and link (참고)

📚 Reference (참조)

  • DefaultLayout에 theme와 height Props가 추가되었습니다. theme은 배경색을 의미하고, height는 AppBar의 높이를 의미합니다.
  • 기존에는 고정이었지만, 디자인이 수정됨에 따라 각 UI마다 변경이 필요했고 해당 작업을 진행했습니다.
image

@sean2337 sean2337 added the 🚀 feature New feature or request label Jul 16, 2024
@sean2337 sean2337 added this to the v1.0.0 milestone Jul 16, 2024
@sean2337 sean2337 linked an issue Jul 16, 2024 that may be closed by this pull request
11 tasks
Copy link
Member

@leeminhee119 leeminhee119 left a comment

Choose a reason for hiding this comment

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

크 고생하셨습니다 !! 👏🤓

Comment on lines 25 to 27
const GoMakeReview = () => {
navigate("/review");
};
Copy link
Member

Choose a reason for hiding this comment

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

옹 여기 파스칼로 작성돼있네요..!

import { AppBar, AppBarProps } from "@/component/common/appBar";

type DefaultLayoutProps = AppBarProps & {
appBarVisible?: boolean;
theme?: string;
Copy link
Member

Choose a reason for hiding this comment

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

개인적인 의견인데, 요거 theme을 유니온으로 지정하고 각 타입에 따라 컴포넌트 내부에서 색상을 지정해주는 건 어떨까요 ?? 배경 색 종류가 몇개 없어서, default 등 이름으로 지정해주면 편할 것 같아요!

width: 100%;
height: 7.4rem;
background-color: #ffffff;
box-shadow: 0.4rem, #2125290a;
Copy link
Member

Choose a reason for hiding this comment

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

제가 잘 몰라서 그러는데 #2125290a는 뭐예요?!

@@ -8,7 +8,7 @@ type TypographyProps = {
as?: Extract<React.ElementType, TextTags>;
variant?: keyof typeof DESIGN_SYSTEM_TEXT;
color?: keyof typeof DESIGN_SYSTEM_COLOR;
children: string;
children: React.ReactElement | string;
Copy link
Member

Choose a reason for hiding this comment

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

이거 혹시 슬랙 참고하셔서 타입 수정 가능하실까요!

Copy link
Member

@klmhyeonwoo klmhyeonwoo left a comment

Choose a reason for hiding this comment

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

고생하셨습니다 ✨

@sean2337 sean2337 merged commit c0bc528 into develop Jul 18, 2024
1 check passed
@sean2337 sean2337 deleted the feat/35/home-page branch July 18, 2024 15:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🚀 feature New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

서비스 플로우 개발
3 participants