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

fix: 랜딩페이지 UI 수정 #61

Merged
merged 19 commits into from
Jan 20, 2025
Merged

Conversation

woneeeee
Copy link
Collaborator

@woneeeee woneeeee commented Jan 20, 2025

1. 무슨 이유로 코드를 변경했나요?


2. 어떤 위험이나 장애를 발견했나요?


3. 관련 스크린샷을 첨부해주세요.

2025-01-20.2.01.07.mov

4. 완료 사항

랜딩페이지 UI를 수정을 완성하였습니다

5. 추가 사항

위 영상은 모바일 뷰 입니다! 옆으로 드래그하는 방법, 그리고 저 페이지네이션 버튼을 눌러도 넘어갑니다!

@woneeeee woneeeee added feat 신규피쳐 design css labels Jan 20, 2025
@woneeeee woneeeee self-assigned this Jan 20, 2025
@woneeeee woneeeee linked an issue Jan 20, 2025 that may be closed by this pull request
Copy link

구현 기능 확인하기: https://gachtaxi-eum9g67h0-cogis-projects.vercel.app

@woneeeee woneeeee requested a review from WooGi1020 January 20, 2025 05:24
Copy link

구현 기능 확인하기: https://gachtaxi-j452kmycm-cogis-projects.vercel.app

Copy link

구현 기능 확인하기: https://gachtaxi-64zjenkqk-cogis-projects.vercel.app

Copy link

구현 기능 확인하기: https://gachtaxi-io5cqoeu2-cogis-projects.vercel.app

Copy link
Collaborator

@WooGi1020 WooGi1020 left a comment

Choose a reason for hiding this comment

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

고생 많으셨습니다!! 😁😁 브라우저 차이인지 모르겠는데 지금 웹뷰에서는 클릭 이벤트로 슬라이드가 동작하지 않는 것 같아요!! 모바일에서만 사용한다는 보장은 없으니 요 부분만 확인해주시면 감사하겠습니다!!

</div>
<span className={`text-[10px] text-textDarkGray`}>프로필</span>
</Button>
<Link to="/mypage">
Copy link
Collaborator

Choose a reason for hiding this comment

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

제가 알기론 아마 리액트에서 사용하는 Link 태그가 a 태그일텐데 보통 a 태그가 자체적으로 클릭 이벤트를 가지고 있다보니 내부에 button 같은 중복되는 역할의 태그를 넣으면 접근성에 좋지 않은걸로 알고 있어요!! 요 부분은 그냥 Link 만 사용해주셔도 좋을 것 같습니다!

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

아항 그럼

<Link
        to="/mypage"
        className="flex flex-col items-center justify-center gap-1"
      >
        <div className="flex items-center rounded-full bg-textDarkGray w-[24px] h-[24px]">
          <BasicProfileIcon className="text-[#AEAEAE]" />
        </div>
        <span className="text-[10px] text-textDarkGray">프로필</span>
</Link>

이런식의 수정 말씀하시는거죠..??

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 9 to 11
title="지금 바로 매칭하기"
subtitle={`자동 매칭 기능을 통해\n현재 위치에서 매칭하기`}
/>
Copy link
Collaborator

Choose a reason for hiding this comment

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

subTitle props에서 직접 스트링 문자열을 내려주는 부분이 \n을 사용하시다 보니 Header에서 부득이하게 split 메서드가 사용되고 있는 것 같은데 혹시 여기를 h1, p 태그로 직접 내려주고 Header에서 children으로 받아 사용하는 느낌은 어떨까요?? 그리고 변경될 일 없는 문자열은 상수 폴더에 정리해도 좋을 것 같습니다!!

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

아항 split 메서드 사용하면 조금 더 간결해보일까 싶어서 사용했었는데 우기님 말씀처럼 하는게 더 좋을듯 하네용! 수정하겠습니다!!

Copy link

구현 기능 확인하기: https://gachtaxi-q650rtskb-cogis-projects.vercel.app

Copy link

구현 기능 확인하기: https://gachtaxi-mbtu5hmoh-cogis-projects.vercel.app

Copy link

구현 기능 확인하기: https://gachtaxi-onv94x9bf-cogis-projects.vercel.app

Copy link

구현 기능 확인하기: https://gachtaxi-dwemc4995-cogis-projects.vercel.app

Copy link

구현 기능 확인하기: https://gachtaxi-2vdq7yjpg-cogis-projects.vercel.app

Copy link

구현 기능 확인하기: https://gachtaxi-hb9crwqkr-cogis-projects.vercel.app

@woneeeee woneeeee merged commit 7a9268b into main Jan 20, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design css feat 신규피쳐
Projects
None yet
Development

Successfully merging this pull request may close these issues.

fix: 랜딩페이지 UI 수정
2 participants