Issue#68/search bar autocomplete and redirect

[rkdwoals159]

개요

• 검색바 자동완성 기능 추가
• 해당 검색값으로 detail페이지 이동

작업사항

• mui autocomplete를 이용한 자동완성 기능을 추가했습니다
  • 자동완성에 필요한 data는 market-cap-info api를 통해 fetch해서 코인의 이니셜과 한글이름으로 사용했습니다.
• 검색창에 타이핑 후 엔터를 누르면 해당 검색값이 실제로 존재하는지 validation 검증을 시작합니다.
• 실제로 배열내에 이름이 존재하면, 한글이름으로 검색있든 이니셜로 검색했든, 이니셜로 통일해서 상세 detailPage로 이동합니다.

생각해볼점

• 뭔가 애매한데 불편한지 안불편한지 잘 모르겠어요 아무래도 직접 한번씩 검색바 기능을 체험 해보시고 소감 남겨주시면 좋을것 같습니다.

이미지

[baldwinIV]

x표시가 두개인 점 수정필요하고, 검색바 위치는 임의로 조정해주신건가요?

이거는 그냥 기존에 있던 컴포넌트를 autocomplete 안으로 옮겨준것 뿐인데 안에서 배치가 제대로 안된건가 싶네요 확인해보겠습니다.

[baldwinIV]

차트 동작 제대로 안하는 것 같습니다. router.push로 동작하는거 같은데 next link랑 동작이 다른게 있는지 확인해봐야할 것 같아요

[rkdwoals159]

차트 동작 제대로 안하는 것 같습니다. router.push로 동작하는거 같은데 next link랑 동작이 다른게 있는지 확인해봐야할 것 같아요

음 그러게요 확실히 그상태에서 새로고침을 누르면 차트가 정상적으로 작동되네요. 두개 한번 비교해봐야할것 같습니다.

[rkdwoals159]

fix :검색창 돋보기 아이콘 우측 이동, x아이콘 삭제, 리다이렉트 메서드 변경 상훈님 지적사항 수정했습니다.