next.js route handler를 이용해 알라딘 서버와 통신.
keyword를 파라미터로 loacal api에 요청하면 검색 기록을 return
책의 id (isbn13) 을 파라미터로 local api에 요청하면 책의 상세정보를 return
키워드로 책을 검색할 땐 로컬 api url에 파라미터로 키워드를 넘겨주면 10개씩 반환해요책 아이디에 접근할 땐 respose.item.isbn13 <= 책 고유 id
const getBookAPI = async () => {
const response = await fetch(`/api/${keyword}`);
if (response.ok) {
const data = await response.json();
console.log(data);
} else {
console.error('Failed to fetch data:', response.statusText);
}
};
JavaScript
복사
저장된 책 id로 상세정보(쪽수 등등) 이 필요하면api/getBookInfo/(파라미터로 책 id값) 으로 요청
const getBookInfoAPI = async () => {
const response = await fetch(`/api/getBookInfo/${id}`);
if (response.ok) {
const data = response.json();
console.log(data);
} else {
console.error('책 상세정보 불러오기 실패', response.statusText);
}
};
JavaScript
복사