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] v2.1.1에 맞춘 랜딩페이지 변경 #760

Merged
merged 4 commits into from
Oct 17, 2024
Merged

[FE] v2.1.1에 맞춘 랜딩페이지 변경 #760

merged 4 commits into from
Oct 17, 2024

Conversation

Todari
Copy link
Contributor

@Todari Todari commented Oct 17, 2024

issue

구현 목적

현재 랜딩페이지는, 이전 버전의 서비스 스크린샷과 기능에 대한 설명으로 구현되어있습니다.
이를 새로운 버전에 맞게 개선합니다.

고려 사항

  • 기존엔 max-width: 768px를 이용해 모바일 해상도로만 보여주게 적용했습니다.
  • 하지만, 랜딩페이지 자체는 다양한 접근 경로가 있다고 생각해서 모바일, 태블릿, 데스크탑 세가지에 맞게 동적으로 변경되도록 구현하하고자 합니다.

구현 사항

  • Text component에 media 쿼리를 이용해 다양한 해상도에 맞게 반영될 수 있도록, responsive prop을 추가했습니다.
  • 새로운 랜딩 페이지 내용에 맞게 내용을 추가해 주었습니다.
  • 모바일 해상도에서 layout을 세로로 변경해 주었습니다.

deskop

2024-10-17.3.13.20.mov

tablet

2024-10-17.3.12.21.mov

mobile

2024-10-17.3.12.47.mov

이후에 해야할 일

  • style 코드와 함께 지저분하게 섞여있어 분리할 필요가 있습니다.
  • 반복되는 스타일을 분리할 필요가 있습니다.
  • "만든 사람들"에 대한 section 을 추가해야 합니다.

@Todari Todari added this to the v2.1.1 milestone Oct 17, 2024
@Todari Todari requested review from pakxe, soi-ha and jinhokim98 October 17, 2024 06:15
@Todari Todari self-assigned this Oct 17, 2024
Copy link

Copy link
Contributor

@pakxe pakxe left a comment

Choose a reason for hiding this comment

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

LGTM ~ 👍

Copy link
Contributor

@jinhokim98 jinhokim98 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

@Todari
Copy link
Contributor Author

Todari commented Oct 17, 2024

랜딩 페이지에서 모바일 목업이 짤린건 버그가 아니라 기능입니다.
디자인 감성으로 생각해주세요.

Copy link
Contributor

@soi-ha soi-ha left a comment

Choose a reason for hiding this comment

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

역시 우리팀 만능 엔터테이먼트(만능회사) ㄷㅐ토다리

@pakxe pakxe merged commit de50d04 into fe-dev Oct 17, 2024
1 of 2 checks passed
@pakxe pakxe deleted the feature/#754 branch October 17, 2024 06:30
Copy link

@Todari Todari mentioned this pull request Oct 17, 2024
Todari added a commit that referenced this pull request Oct 17, 2024
* feat: landingpage 변경

* feat: 다양한 해상도에서 동적으로 반영되도록 변경

* style: lint 적용

---------

Co-authored-by: Pakxe <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: ✅ Done
Development

Successfully merging this pull request may close these issues.

4 participants