Books 컴포넌트

1. 시멘틱 태그 사용

먼저 main 태그를 이용해 Result 페이지를 감쌌습니다.

다음 책 정보들의 리스트를 li로 표현하는 게 맞다 생각해 ul과 li로 구성했습니다.

img 태그의 alt는 로드 실패했을 때를 대비해 꼭 작성해야 합니다. 빈칸으로 두지 않고 작성합니다.

img 태그의 오른쪽 부분은 section으로 설정했고, 책 제목 같은 경우 h3 태그를 이용했습니다.

(수정 전)
<div>
	<div>
		<div>
			<img alt=""/>
			<div>
				<div>책 제목</div>
				<p>책 세부 내용</p>
			</div>
		<div>
		<div><div>
		<div><div>
			...
	</div>
</div>

(수정 후)
<main>
	<ul>
		<li>
			<img alt="thumnail"/>
			<section>
				<h3>책 제목</h3>
				<p>책 세부 내용</p>
			</section>
		<li>
		<li>..</li>
		<li>..</li>
			...
	</ul>
</main>

2. 리덕스 관련

뒤에서 정리...