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: 하단 네브바 공통 컴포넌트 구현 #255

Merged
merged 13 commits into from
Sep 10, 2024

Conversation

ParkSohyunee
Copy link
Contributor

개요

  • Ver3.0 하단 네브바 공통 컴포넌트를 구현했습니다.

작업 사항

  • 기존 하단 네브바 공통 컴포넌트 로직 리팩토링
    • 숨기고 싶은 경로 대신 네브바가 보여지는 path로 변수 수정
    • 네브바 탭 클릭시, 현재 위치를 표시하기 위한 분기처리 switch문으로 수정
    • 네브바에서 콜렉션 탭 제거
    • explore 버튼을 home 버튼으로 변경 및 next/link 컴포넌트 사용
  • Ver3.0 UI 구현
  • 탭 아이콘 색상 및 탭 text 스타일 조건부 처리 로직을 함수로 정의

참고 사항 (optional)

  • 이후 후속 작업으로 공통 컴포넌트인 플로팅 버튼 제작 예정입니다.

스크린샷

  • 페이지는 아직 스타일이 반영되지 않은 상태라서 하단 네브바만 확인 부탁드립니다.
스크린샷 2024-09-06 오후 9 55 29

리뷰어에게

  • 확인이 필요한 부분 코멘트 남겨두었습니다. 감사합니다! ✨

ParkSohyunee and others added 10 commits June 24, 2024 23:00
* feat: layout 컴포넌트의 metadata 수정 - 리스티웨이브 한글 타이틀 추가 및 description 수정

* Feat: 마이리스트, 콜라보리스트 페이지에 Dynamic 메타데이터 설정

* Feat: 리스트 상세 페이지에 Dynamic 메타데이터 설정

* Refactor: 메타데이터 별도 상수로 분리

* Feat: sitemap 설정 및 도메인 url 별도 상수로 분리

* Feat: 트렌딩리스트에 해당하는 리스트의 상세페이지가 sitemap에 추가되도록 설정

* Feat: robots.txt 설정

* Fix: sitemap.ts 트랜딩리스트 호출 방법을 fetch API로 수정

* Fix: sitemap.ts 트랜딩리스트 호출 로직 제거
* feat: 라벨 및 카테고리 클릭시 검색페이지로 이동

* fix: 리스트 상세조회, 카테고리 전체조회 API 수정에 따라 타입 변경
- 숨기고 싶은 경로 대신 네브바가 보여지는 path로 변수 수정
- 네브바 탭 클릭시, 현재 위치를 표시하기 위한 분기처리 switch문으로 수정
- 네브바에서 콜렉션 탭 제거
Copy link

vercel bot commented Sep 6, 2024

@ParkSohyunee is attempting to deploy a commit to the Eujin Ahn's projects Team on Vercel.

A member of the Team first needs to authorize it.

Copy link
Contributor

@seoyoung-min seoyoung-min 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 +39 to +40
const visiblePaths = ['/', '/mylist', 'collection'];
const isVisible = visiblePaths.some((path) => pathname?.endsWith(path));
Copy link
Contributor

Choose a reason for hiding this comment

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

하단 네브바가 depth 1에서만 보이니, 이렇게 보여지는 패스 설정이 훨씬 좋네요!!

Copy link
Contributor

@Nahyun-Kang Nahyun-Kang left a comment

Choose a reason for hiding this comment

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

소현님 확인이 늦어서 죄송합니다 🥹 하단 nav바 만들어주셔서 정말 감사합니다! 🥰

@ParkSohyunee ParkSohyunee merged commit 8e00c45 into 8-Sprinters:dev Sep 10, 2024
1 of 2 checks passed
@ParkSohyunee ParkSohyunee deleted the feature/bottom-nav branch September 10, 2024 01:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Design UI 수정 Feat 구현 Refactor 리팩토링
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants