[Youtube API] 인기 동영상 목록 보여주기(2) - 제목과 채널명 보여주기
저번 포스팅에 이어서 작성합니다.
[Youtube API] 인기 동영상 목록 보여주기(1) - thumbnail 띄우기
제가 사용할 데이터는 제목과 채널명이기 때문에 title과 channelTitle을 가져와서 사용 할 것입니다.
const VideoItem = ({ video: { snippet } }) => (
<li className={styles.container}>
<div className={styles.videoItem}>
<img
className={styles.thumbnail}
src={snippet.thumbnails.medium.url}
alt="video thumbnail"
></img>
<div className={styles.metadata}>
<p className={styles.title}>{snippet.title}</p>
<p className={styles.channelTitle}>{snippet.channelTitle}</p>
</div>
</div>
</li>
);
간단하게 기존 코드에 추가만 하였습니다!
Author And Source
이 문제에 관하여([Youtube API] 인기 동영상 목록 보여주기(2) - 제목과 채널명 보여주기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@rachaen/Youtube-API-인기-동영상-목록-보여주기2-제목과-채널명-보여주기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)