&&
연산자는 논리 AND 연산자로, 왼쪽 피연산자와 오른쪽 피연산자를 평가하고, 두 값 모두가 true
일 때만 오른쪽 피연산자를 반환함.
예를 들어, A && B
에서 A가 true이면 B를 반환하고, 그렇지 않으면 A를 반환함.
반면에 삼항조건연산자
는 조건을 평가하고,
조건이 true이면 첫 번째 피연산자를 반환하고, 조건이 false이면 두 번째 피연산자를 반환함
예를 들어, condition ? A : B에서 condition이 true이면 A를 반환하고, condition이 false이면 B를 반환함
const response = await fetch(`http://~~~/main${bookId && `/bookid/${bookId}`}`,{...}
이를 간과하고 위처럼 사용했더니 계속 오류가 발생함...
const response = await fetch(`http://~~~/main${bookId ? `/bookid/${bookId}` : ''}`,{...}
수정한 코드