주간 계획과 실제 수행 결과

공통

• [x] CORS 문제 해결

FE

• [ ] API 연동 (React Query) (60%)
• [ ] 반응형 디자인 작성 시도?
• [ ] PWA 설치

BE

• [x] 이미지 Object Storage에 업로드
• [x] 키워드 검색 시 태그 추천
• [ ] 로그인 수정
• [ ] 엘라스틱 서치(진행 중)

개발 완료 기능과 구현 과정에서의 기술적 경험

공통

[Web - 알고 보면 좋은 놈... CORS](https://velog.io/@shunny/Web-알고-보면-좋은-놈...-CORS)

프론트엔드

API 연동

<aside> 💡 리액트쿼리를 쓰는 이유

</aside>

function Todos() {
  const { isLoading, isError, data, error } = useQuery({
    queryKey: ['todos'],
    queryFn: fetchTodoList,
  })

  if (isLoading) {
    return <span>Loading...</span>
  }

  if (isError) {
    return <span>Error: {error.message}</span>
  }

  // We can assume by this point that `isSuccess === true`
  return (
    <ul>
      {data.map((todo) => (
        <li key={todo.id}>{todo.title}</li>
      ))}
    </ul>
  )
}