01/14 회의

수정사항

• [x] 이미지 public/images에 넣기
• [x] <div> 태그 없애기
  • react-fragment 사용하면 빈 태그여도 key나 classname 등 사용할 수 있음
• [x] Wrapper 태그는 1개, Container는 2개 이상
• [x] 별칭 A 대신 S로 바꾸기
• [x] 팔로우박스 컴포넌트로 만들기
• [x] ContainerFirst 바꾸기
• [ ] 팔로우 / 팔로잉 버튼 분기처리

앞으로 할 것

• [ ] 모달 : 리액트 포탈 사용하기
• [ ] search는 param이 있고 없고 분기를 나눠서,
• [ ] useEffect 대신 test query 중 useInfinitequery? 사용
• [ ] 검색어 적용시 디바운스

api/request/mate.js

const getMateSearch = searchTerm => {
  const url = `${API_PATH.MATE_SEARCH}?userid=${encodeURIComponent(
     searchTerm,
   )}`;
  return axios.get(url);
};

components/mate/Search.jsx

const Search = () => {
  const [searchTerm, setSearchTerm] = useState('');
  const navigate = useNavigate();

  const handleSearch = () => {
     navigate(`/mate/search?userid=${searchTerm}`);
    // 검색어 디바운싱 적용해서 하기
  };