10회차 과제 - 권예원

[kyw2790]

1. 개발한 기능
   카카오 도서 검색 API을 이용하여 책 찾기 기능을 만들었습니다.
   

2. 유의깊게 개발한 부분
   const BookSearch = () => {
   const [books, setBooks] = useState([]);
   const [query, setQuery] = useState('');

const fetchBooks = async () => {
try {
const response = await axios.get('https://dapi.kakao.com/v3/search/book?target=title', {
params: { query },
headers:{Authorization: API_KEY},
});
setBooks(response.data.documents);
} catch (error) {
console.error('Error fetching books:', error);
}
};
입력칸에 책 제목을 입력하면 카카오도서 검색 API를 호출하여서 책 데이터를 표시하는 것이다.
fetchBook 함수로 axios를 사용하여서 API 요청보낸다.

async을 이용하여 비동기적으로 책 데이터를 가져오는 것이다.
그리고 error가 발생했을 시 error 가 생겼다고 콘솔에 표시하도록 하였다.

3. 개발할 때 의문 사항
   https://developers.kakao.com/docs/latest/ko/daum-search/dev-guide에 있는 헤더들을 참고하면서 계속해서 코드 짜는 것이 처음이라 어려움이 느껴졌다.
   그리고 처음 API에 대한 접근이 어려워 https://deep-wide-studio.tistory.com/202 를 참고하였습니다.

[juiuj]

이번 과제도 수고 많으셨습니다:)

[juiuj]

headers: { Authorization: API_KEY } 를 이렇게 사용하는군요!
덕분에 알아갑니다:)

[kyw2790]

넵넵 저도 살짝 헷갈리는 부분이 있어서 구글링하면서 진행하였습니다! 도움이 되셨다니 정말 기쁩니당:)