[FE] Slider 컴포넌트 기능 구현 #31
Comments
hemudi
added a commit
that referenced
this issue
Apr 26, 2022
Co-authored-by: Millie <jaypedia@users.noreply.github.com>
hemudi
added a commit
that referenced
this issue
Apr 26, 2022
Co-authored-by: Millie <jaypedia@users.noreply.github.com>
hemudi
added a commit
that referenced
this issue
Apr 26, 2022
Co-authored-by: Millie <jaypedia@users.noreply.github.com>
hemudi
added a commit
that referenced
this issue
Apr 26, 2022
Co-authored-by: Millie <jaypedia@users.noreply.github.com>
hemudi
added a commit
that referenced
this issue
Apr 26, 2022
Co-authored-by: Millie <jaypedia@users.noreply.github.com>
hemudi
added a commit
that referenced
this issue
Apr 27, 2022
* checkArrowActive : 화살표 활성화 체크 * calcNewStartIndex : 시작 인덱스 계산 함수
jaypedia
added a commit
that referenced
this issue
Apr 27, 2022
…022#153) * Design: Navbar, Menu, Icons 컴포넌트 레이아웃 수정 - #10 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> * Feat: Navbar 마우스 이벤트 추가 - #10 * MouseEnter, MouseLeave 이벤트 추가 * SubMenuhover 효과 추가 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> * Design: Global Style 에 font-family 적용 - #15 * theme의 font family 삭제 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Rename: Header 컴포넌트 폴더 생성해서 그룹화 - #15 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Design: 기획전 TitleBox, TabBar UI 구현 - #15 * Tab Mouse hover 밑줄 효과 구현 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Fix: 기획전 Tab hover 시 사용성 개선 - #15 * 기존 border 속성을 box-shadow 로 변경 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Feat: API fetch 요청하는 util 함수 구현 - #15 * GET 요청만 우선적으로 구현 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> * Design: CardContainer를 Styled Components로 구현 - #15 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> * Design: Card Component UI 구현 - #15 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> * Feat: fetch로 API 요청, Card 동적 생성 - #15 * 임시 데이터로 UI 먼저 구현 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> * Feat: Tab 클릭 시 fetch 요청 후 리렌더링 기능 구현 - #16 * fetch 요청 로직을 fetchTabData 함수로 분리 * 하드 코딩 부분은 추후 리팩토링 예정 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Refactor: .gitignore 불필요한 옵션 제거 - #17 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Refactor: Navbar의 div 태그 header로 변경 - #17 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Refactor: menu와 tabData 데이터 분리 후 동적생성 - #18 * 하드코딩 되었던 컴포넌트를 data 분리 후 map 으로 동적 생성 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Rename: Card 컴포넌트 이름 오타 수정 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> * Build: jsconfig.json 파일에 baseUrl src로 설정 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> * Rename: Header, Special 컴포넌트를 components 폴더로 이동 * 파일 경로 일부 절대 경로로 수정 * App.js에서 className 삭제 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> * Refactor: checkError로 네이밍 수정, 상태코드 200만 고려 - #26 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> * Refactor: isSelected에서 삼항 연산자 제거 -#26 * SpecialTab 컴포넌트에서 불필요하게 사용한 삼항 연산자 개선 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> * Feat: Card 컴포넌트에 medium, small 사이즈 추가 - #28 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> * Feat: 카드에 마우스 hover시 '새벽배송/전국택배' 내용 노출 - #29 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> * Design: 슬라이더 좌우 화살표 svg 파일 추가 - #30 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Design: fontSize 에 display 속성 추가 - #30 * 기존 xLarge 값을 display로 수정 * xLarge 를 적용했던 SpecialTitle 수정 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Design: Slider UI 구현 완료 - #30 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Fix: 카드 hover 효과의 배송 정보 버그 수정 - #32 * Fix: 헤더 네비게이션 바 Open/Close 이벤트 버그 수정 - #39 * Feat: Slider의 좌우 화살표 버튼 활성화 상태 제어 - #31 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Feat: Slider 좌우 화살표 클릭 시 새로운 메뉴 카드 표시 기능 구현 - #31 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Fix: Slider 좌우 화살표 클릭 버그 해결 - #31 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Refactor: Slider 화살표 상태 체크 함수 로직 개선 - #31 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Refactor: api url을 constants 폴더에 옮김 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> * Feat: Slider에 좌우 화살표 클릭 시 애니메이션 추가 - #31 Co-authored-by: Millie <jaypedia@users.noreply.github.com> * Refactor: handleArrowClick 함수 로직 분리 - #31 * checkArrowActive : 화살표 활성화 체크 * calcNewStartIndex : 시작 인덱스 계산 함수 * Design: public 경로에 favicon.ico 파일 추가 * Feat: '모든 카테고리 보기' 버튼 UI & 기능 구현 - #33 * categoryTitle 데이터 추가하여 카테고리 제목 동적으로 생성 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> * Fix: Card 컴포넌트 hover 효과 버그 수정 - #43 Co-authored-by: Hemudi <hemudi@users.noreply.github.com> Co-authored-by: Hemudi <ksum1205@naver.com> Co-authored-by: Millie <jaypedia@users.noreply.github.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Description
카테고리별 Slider 컴포넌트의 아래 기능들을 구현한다.
기능 세부사항
The text was updated successfully, but these errors were encountered: