SearchInput 컴포넌트 구현

[Bangdayeon]

이슈 배경

• 공통 UI 요소로 사용될 SearchInput 컴포넌트를 구현

이슈 내용

기능 설명

• 여러 개의 BookmarkCard(BookmarkCard 컴포넌트 구현 #67)를 가로 혹은 그리드 형식으로 보여주는 리스트

주요 기능 및 요구 사항

항목	설명
size	field의 크기(길이)
radius	모서리 각도 지정
variant	clasic, surface, soft 등 상자의 종류 지정
icon	아이콘 삽입(필요할 경우)
value	현재 입력되어 있는 값
onChange	입력 이벤트

참고 자료

https://velog.io/@jh5717/%EC%A0%9C%EC%96%B4-%EB%B9%84%EC%A0%9C%EC%96%B4-%EB%B0%A9%EC%8B%9D-%EB%AA%A8%EB%91%90-%EB%8B%A4%EB%A3%B0-%EC%88%98-%EC%9E%88%EB%8A%94-Input-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0