-
Notifications
You must be signed in to change notification settings - Fork 6
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
페이지 기능: 채널 페이지 유튜브 api 연결 #220
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
고생하셨습니다~!
흠 아무래도 여러 사용자가 youtube api를 호출하면 할당량은 금방 소진될 것 같은데 아마 백엔드분들이 만들어주셔야 할 것 같네요
src/app/channel/page.tsx
Outdated
title: 'Teddy Swims - You\'re Still The One (Shania Twain Cover)', | ||
description: 'Teddy Swims - You\'re Still The One (Shania Twain Cover)', | ||
}]; | ||
const channelList = { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
const channelList = { | |
const CHANNEL_LIST = { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
완료!
src/app/channel/page.tsx
Outdated
<div> | ||
<Header className={cx('header')} /> | ||
<> | ||
<div className={cx('headerTitleContainer')}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
하나 감쌀 땐 wrapper로 하시는 게 좋을 것 같아요!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
완료!
return ( | ||
<ChannelArticle key={data.id} data={data} /> | ||
<ChannelArticle key={idx} data={data} /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
cud 기능이 없어서 idx 사용해도 좋을 것 같아요~
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
확인!
const cx = classNames.bind(styles); | ||
|
||
function ChannelArticle({ data }: ChannelArticleProps) { | ||
const opts = { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
컴포넌트 랜더링 될 때마다 객체가 재생성 되므로 useMemo를 사용해도 좋지만 이 경우는 값이 바뀌지 않기 때문에 컴포넌트 상위로 빼주시고 변수명은 UPPER_CASE로 바꿔주세요!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
완료!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
굳굳~
해당 사항 (중복 선택)
설명
Key Changes
How it Works
To Reviewers