fix: 검색개선 UI 피드백 반영 #568

not-using · 2023-09-04T11:01:08Z

개요

fixes 검색개선 UI 피드백 반영 #567

반영한 피드백 목록

https://42born2code.slack.com/archives/C05LG4481PU/p1693800824239209

nyj001012

LGTM

* fix: 메인페이지 인기 도서 순위 오류 해결 (#521) * fix: 메인페이지 책 타입 Book이 아나리 BookInfo * fix: 메인페이지 인기도서 rank 속성 추가 * docs: 📝 README에 이름 추가 (#524) * fix: 도서 수정 categoryId를 숫자로 변경 (#525) * refactor: 쓰이지 않는 비표준 css 제거 (#545) * refactor: 검색 바 아이콘 img로 변경 (#546) * refactor: 검색 바 아이콘 img로 변경 * fix: `alt=""` 속성 추가 장식(아이콘)이라는 점을 명시적으로 표시 * feat: 메인페이지 스크롤을 내려주세요 애니메이션 추가 (#539) png 이미지 대신 css로 마우스형태 구현, 동작 추가 * fix: Image 컴포넌트 에러 처리 방식 변경 (#538) * build: 절대경로 import 추가, `MyRentInfo`에 절대경로 적용 (#542) * build: vite-tsconfig-paths 추가 * build: 절대경로 import 추가 * refactor: `MyRentInfo`에 절대경로 적용 --------- Co-authored-by: nocontribute <> * refactor: 대출제한일 계산 로직 통합 (#536) * fix: 불필요한 타입체크 코드 삭제 * fix: addDay 날짜 오류 해결 * feat: string 형태의 날짜 비교 함수 compareDate 추가 * refactor: 대출제한일 계산 로직 변경 및 통합 * fix: 좋아요 취소시 오류 해결 및 리팩토링 (#527) * fix: 불필요한 검증 코드 삭제 * refactor: 재사용되지 않는 ShowLike 컴포넌트 통합 * feat: 유저 권한을 확인하는 usePermission 훅 추가 * refactor: 로컬스토리지 대신 usePermission 훅으로 권한 명시 * refactor: Like JSX 가독성 개선 * refactor: 모호한 변수명 변경 initBookInfoId => bookInfoId * refactor: useGetLike 훅 안팎에 중복된 상태 제거 * refactor: PostLike, DeleteLike 네트워크 성공시에만 뷰가 변경되도록 수정 * refactor: import 절대경로로 변경 * feat: 반응형을 위한 useBreakPoint 훅 추가 * fix: 현재 윈도우 너비에 따라 알맞는 헤더 하나만 표시하도록 * refactor: 기본 헤더에서 LNB 분리 * fix: headerMenu js 파일 ts로 변경 및 절대경로 적용 * refactor: 기본 헤더 불필요한 html 태그 정리 및 css 단순화 * refactor: 모바일 헤더 불필요한 html 태그 정리 및 css 단순화 * refactor: 검색창 컴포넌트 개선 및 드롭다운 UI 추가 (#551) * refactor: SearchBar 용도에 따라 분리 및 합성 방식으로 변경 용도에 따라 BookSearchBar, ManagementSearchBar로 활용하도록 변경 Compound 패턴으로 SearchBar 확장성 개선 * feat: 검색창 드롭다운 UI 추가 검색창 및 드롭다운 Blur 이벤트 추가 * fix: 검색창 드롭다운 배경 투명도 조절 * fix: 검색 결과 변경시 검색창 blur 처리 * feat: 검색창 드롭다운 ESC 키로 끌 수 있도록 * fix: 검색창 드롭다운 padding 설정 삭제 * feat: 최근 검색어 기능 구현 (#553) * feat: 최근 검색어 기능 추가 * fix: 최근검색어 X 버튼 css 수정 * feat: carousel UI 컴포넌트 추가 및 메인페이지에 적용 (#560) * refactor: interval 설정 부분 훅으로 추출 * refactor: useBound 훅에서 event 마다 선택할 수 있도록 props 설정 * feat: useResponsiveWidth 훅 추가 pc, tablet, mobile 환경에 맞는 사이즈 확인용 * refactor: 메인 신규도서 책크기 useResponsiveWidth 훅 적용 * feat: Carousel 컴포넌트 추가 무한 회전하는 슬라이딩 UI, 조합하여 사용할 수 있도록 * refactor: 메인 신규도서 Carousel 형식으로 변경 및 불필요한 태그 depth 제거 * fix: Carousel 사이즈 대신 container 안에 count로 지정할 수 있도록 size나 count 둘 중 하나를 props로 받아서 displayCount를 결정 * fix: Carousel flex 설정으로 너비 보장 안되는 문제 해결 itemSize로 지정한 크기가 조정되지 않도록 flex-grow, flex-shrink 설정 추가 * fix: Carousel 자동 애니메이션 props isAutoAnimated로 제어하도록 - mount 시 useInterval 자동 실행 막음 - props isAutoAnimated True 일때만 carousel 자동으로 돌아가도록 - isAutoAnimated와 isSmoothAnimated 변수 구분 * fix: onPrev 제대로 넘어가지 않던 문제 수정 index가 0이 아닌 1부터 시작하도록 조정 * fix: Carousel 세로형 itemCount = 1일 때 동작오류 수정 translateX와 translateY 설정 및 items이 적을때만 복사 추가 * fix: Carousel 항상 items 뒤에 복사해서 붙이도록 수정 * fix: Carousel list 키 관련 타입오류 수정 * fix: 모바일 화면 메인 신규리스트 동작 오류 수정 * fix: Carousel 가로형 itemCount = 1일 때 UI오류 수정, flexBasis 속성이 필요함 * refactor: 컨테이너와 ContextProvider 분리 및 컴포넌트 파일 독립 - 버튼이나 페이지네이션이 컨테이너 밖에 위치할 수 있도록 Provider와 분리 * fix: 메인 신규도서 컨테이너 컴포넌트 추가 * fix: useApi 임시 활용방법 추가 (#564) url data도 호출 시점에 전달할 수 있도록 * feat: 검색결과 미리보기 기능 구현 (#555) * feat: 검색결과 미리보기 UI 구현 * feat: 검색결과 미리보기에서 검색어와 일치할때 색상 강조 추가 * fix: EmphasisInString default props 설정 * fix: EmphasisInString 강조 단어로 시작할때 제대로 적용되지 않는 문제 수정 index = 0 일 때도 적용되도록 * fix: EmphasisInString 대소문자 구분하지 않도록 * fix: EmphasisInString 원래 문자열의 대소문자 형식 변형되던 문제 수정 wholeString 그대로 보일 수 있도록 수정 * fix: autocomplete api 수정 내용 mockdata 반영 * fix: 검색결과 미리보기 키보드 제어 삭제 및 hover 방식으로 변경 * fix: 검색결과 미리보기 레이아웃 변경 * refactor: 검색결과 미리보기 컴포넌트 구조 단순화 * refactor: Pagination 컴파운드 패턴 적용한 Paginations 방식으로 변경 * fix: 검색결과 미리보기 Pagination 방식 변경 * feat: 검색결과 미리보기에 전체 검색결과 카운트 보여주도록 * fix: 페이지네이션 disabled 인 이동버튼 투명도 적용 * fix: autocomplete api 수정사항 반영 * fix: 검색결과 프리뷰 mock 대신 실제 api 연결 * feat: 검색결과 미리보기 로딩 추가 * fix: 검색결과 미리보기 클릭시 상세로 이동되지 않던 오류 수정 * feat: 메인 추천 도서 기능 구현 (#565) * feat: 추천 도서 기본 UI 구현 * feat: 추천도서 도서 클릭시 해당 도서 상세로 이동 * feat: 메인 추천도서 양 옆 버튼 추가 * fix: 메인 추천도서 모바일 반응형 개선 * feat: 메인 서클별 추천도서 api 연결 * refactor: 메인 신작도서 페이지네이션 추출 * feat: 메인 추천도서에도 원형 페이지네이션 적용 * fix: 메인 서클별 추천도서 반응형 css 수정 * fix: Carousel 길이가 바뀌었을 때 슬라이드 초기화 * feat: 인기검색어 구현 (#566) * feat: 인기검색어 구현 * chore: 오타 수정 * fix: 검색개선 UI 피드백 반영 (#568) * fix: 인기검색어 UI 피드백 반영, 검색어 클릭시 검색결과로 이동 * fix: 검색결과 UI 피드백 반영, 긴 검색어는 줄바꿈 하도록 * fix: 메인 신작도서 모바일 화면 튀어나온 버튼 위치 조정 * fix: 메인 추천도서 UI 피드백 반영, 로딩 추가 및 리스트 하나일때 자동 애니메이션 해제 * fix: 인기검색어 모바일일때 fixed 해제 * fix: 검색결과 미리보기 UI 피드백 반영, 검색결과 없을때 ui 개선 * fix: 검색 개선 UI 피드백 2차 (#570) * fix: 검색결과 미리보기 로딩 중 검색결과없습니다 문구 안보이도록 * fix: 검색결과 더보기 클릭시 미리보기 닫히도록 * fix: 검색창 드롭다운 제대로 focus 안되던 문제 수정 * fix: 검색어 변경시 결과 미리보기 page가 갱신되지 않던 문제 수정 * fix: 검색결과 미리보기 전체 검색결과 더보기를 검색결과 없을때 보이지 않도록 * fix: 공백만 검색했을 때 최근검색어에 추가하지 않도록 * fix: 검색 api요청시 기본 옵션 sort title 설정 * fix: 도서 수정 카테고리 제대로 적용되지 않던 오류 해결 * fix: 추천도서 과격한 애니메이션 수정, 캐러셀 초반에 트랜지션 끌 수 있도록 * fix: 검색결과 미리보기 totalCount 없을때 0 나오던 문제 수정 * fix: 최근 검색어 최대 10개로 제한 (#572) --------- Co-authored-by: mink97 <101685319+mink97@users.noreply.github.com> Co-authored-by: scarf <greenscarf005@gmail.com>

not-using added 6 commits September 4, 2023 17:18

fix: 인기검색어 UI 피드백 반영, 검색어 클릭시 검색결과로 이동

a80ad14

fix: 검색결과 UI 피드백 반영, 긴 검색어는 줄바꿈 하도록

f2bab71

fix: 메인 신작도서 모바일 화면 튀어나온 버튼 위치 조정

2bbb4ea

fix: 메인 추천도서 UI 피드백 반영, 로딩 추가 및 리스트 하나일때 자동 애니메이션 해제

d23abd7

fix: 인기검색어 모바일일때 fixed 해제

e4a3d7f

fix: 검색결과 미리보기 UI 피드백 반영, 검색결과 없을때 ui 개선

946d66d

not-using self-assigned this Sep 4, 2023

nyj001012 approved these changes Sep 4, 2023

View reviewed changes

not-using merged commit 6c2e073 into develop Sep 4, 2023
5 checks passed

scarf005 deleted the 567-검색개선-ui-피드백-반영 branch September 5, 2023 08:38

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fix: 검색개선 UI 피드백 반영 #568

fix: 검색개선 UI 피드백 반영 #568

not-using commented Sep 4, 2023

nyj001012 left a comment

fix: 검색개선 UI 피드백 반영 #568

fix: 검색개선 UI 피드백 반영 #568

Conversation

not-using commented Sep 4, 2023

개요

반영한 피드백 목록

nyj001012 left a comment

Choose a reason for hiding this comment