기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
React, Next.JS 14, TailwindCss, RadixUI, Shadcn, zustand 으로 YoutubeMusic 웹사이트를 클론합니다. NextJS 기초부터 UI 중점으로 웹프론트 기초를 마스터 할 수 있어요.!
수강생 455명
난이도 초급
수강기한 무제한

- 미해결
isLoading 값이 바뀌는 시점(동작 순서)이 궁금합니다.
12.9강에서isLoading이 useState로 선언한 변수가 아닌데도 로딩 컴포넌트에서 재생 버튼으로 다
보노보노
・
7달 전
0
78
3
- 해결
4.6강 초기 로딩 속도 케이스 비교
4.6강 초기 로딩 속도 케이스 비교 세가지 케이스를 적어주셨는데 case1, case3이 같은 건가요?제가 이해를 못한 건가 싶어서 세 번 돌려봤는데 같아 보여
react인터랙티브-웹클론코딩next.jstailwindcsszustand보노보노
・
8달 전
0
84
2
- 해결
Sidebar & Header 컴포넌트 등 레이아웃 설정 방식
강의에서 레이아웃을 담당하는 Sidebar, Header 컴포넌트를 만들때 Props으로 children을 받고 렌더링 하는 방식으로 만들었는데 이렇게 만든 이유가 있을까요?지금까지 진행한걸 계층별로 생각해보면<
react인터랙티브-웹클론코딩next.jstailwindcsszustand정재웅
・
9달 전
0
84
3
- 미해결
문의드립니다.
안녕하세요? 궁금한것이 있습니다.보통 React로 csr을 만들어 배포하는데 next.js로 SSR 페이지 없이 CSR app을 만들어 웹서버(NGINX)에 배포
react인터랙티브-웹클론코딩next.jslovelove
・
0
139
3
- 미해결
Vercel signup이 안되요,, 계속 제 깃허브 계정은 추가 인증이 필요하다며 registration@vercel.com에 문의를 하라고 하네요,,, 이럴땐 진행을 어찌해야할까요,,,
Vercel signup이 안되요,, 계속 제 깃허브 계정은 추가 인증이 필요하다며 registr
react인터랙티브-웹클론코딩next.jstailwindcsszustandverceltngus5232
・
1
96
2
- 미해결
에러, 로딩 내용 페이지를 모든 페이지에 다 만드는 이유가 따로 있나요?
에러나 로딩을 전역적으로 상태로 봐서 에러나 로딩을 띄우는게 아닌, 페이지별로 전부 다 복붙으로 넣는 이유가 따로 있나요..? 일단 따라해보고있긴 한데, 뭔가 좀 아닌것 같아서 질문 드립니다ㅠㅜ
react인터랙티브-웹클론코딩next.jstailwindcsszustandJunho
・
2
148
3
- 미해결
3.2, 3.3 화면에 아무것도 나오지 않고 있습니다!
<img src="https://cdn.inflearn.com/public/files/posts/2e6bfed0-e28f-44d9-a0a5-88e1f0f6a5e6/e06f833c-a03c-4356-9f45-1f2773912402.png" media-type="img"
react인터랙티브-웹클론코딩next.jstailwindcsszustandJunho
・
0
202
3
- 해결
코드가 왜 그런지 모르겠는데, 이럴땐 어떻게 공부해야하나요?
7.4 PlayListCarousel - 1 강의의 6분 15초를 보시면,부분이 있는데요.left-[-45px]을 해야 화살표가 보이게 되는데,
react인터랙티브-웹클론코딩next.jstailwind-csszustand박상원
・
1
212
3
- 미해결
강의외 복잡한 ui 입력폼 관련 질문 있습니다
<img src="https://cdn.inflearn.com/public/files/posts/d7b96f4e-0d59-4676-add9-0678e4fad70b/40d1bc79-d687-47d0-ab0b-f4566bacb495.png" media-type="img"
react인터랙티브-웹클론코딩next.jstailwind-csszustand현석오
・
1
209
2
- 해결
npx랑 yarn이랑 같이 써도 되나요?
프로젝트 세팅할때는 yarn을 쓰셨는데요.shadcn에서 avatar 설치할때는 npx을 쓰셔서요.같이 써도 문제가 없나요?
react인터랙티브-웹클론코딩next.jstailwind-csszustand박상원
・
0
430
2
- 해결
article / section 태그에 관해
article 과 section tag 를 자주 사용하시는데, 혹시 어떤 기준으로 사용하시나요?
react인터랙티브-웹클론코딩next.jstailwind-csszustandfemaster1
・
0
174
1
- 해결
카테고리 변경 시 이미지 로딩
카테고리 관련 강의를 수강 중입니다. 카테고리 변경 시 백그라운드 변경되는 부분이 있는데요해당 부분이 이미지 로딩(변경?)이 매우 늦게 되더라구요해당 부분 개선해보려면 어떤 것을 시도해보면 좋을까요?</p
react인터랙티브-웹클론코딩next.jstailwind-csszustandfemaster1
・
1
186
2
- 미해결
next zustand 사용 시 문의
next zustand 세팅 시, provider 를 사용해야한다는 글이 있어서요.현재 강의처럼 이후에 서비스 개발 시 사용해도 이슈가 없는 부분일까요?<a target="_blank" rel="noopener noreferrer nofoll
react인터랙티브-웹클론코딩next.jstailwind-csszustandfemaster1
・
0
470
2
- 해결
component 파일에서는 tsx파일이 아니라 jsx 파일을 쓰는 이유를 알 수 있을까요?
4.5 loading.error에서요... component 폴더에 넣는 ErrorMessage와 LoadingBar 파일은 tsx가 아니라 jsx파일을 쓰는 이유를 알고 싶습니다
react인터랙티브-웹클론코딩next.jstailwind-csszustanda001914
・
1
174
2
- 해결
versel 을 통한 배포를 하는 것과 (홈서버 + 클라우드 플래어 프록시)를 하는 것을 비교해주실 수 있나요?
안녕하세요. 우선 소개부터 드리자면 저는 FE 개발자나 그쪽을 지망하는 것은 아니고 백엔드를 업으로 하고 있고 집에서 홈서버에 제 개인 서비스를 배포할 목적으로 해당 강의를 수강하게 되었습니다
react인터랙티브-웹클론코딩next.jsversel배포k8sdankim
・
1
164
1
- 해결
선생님 죄송한대
Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14) 강의쿠폰 더 없을까요 ㅠㅠ <span style="
react인터랙티브-웹클론코딩next.jstailwind-csszustandfoxball
・
1
150
1
- 해결
깃 push가 안되서 ssh를 한참해메고 있습니다. ㅠㅠ
The authenticity of host 'github.com (20.200.245.247)' can't be
react인터랙티브-웹클론코딩next.jstailwind-csszustandfoxball
・
1
139
1
- 해결
Chapter 7 영상 화면이 안보입니다.
Chapter 7 (섹션 8) 가장 첫 번째 강의는 보이는데 이후부터는 강의 영상이 나오지가 않네요
react인터랙티브-웹클론코딩next.jstailwind-csszustand작성자 없음
・
0
258
2
- 해결
오류발생 문제입니다.
import { IoPlaySkipBackSharp, IoPlaySkipForwardSharp } from "react-icons/io5"; import { PlayerSlider } from "..
react인터랙티브-웹클론코딩next.jstailwind-csszustandEunwoo
・
1
227
1
- 해결
질문있습니다.
각 페이지마다 loading과 error.tsx를 각각 주고 있는데 그냥root에 loading.tsx error.tsx를 하나만 둬서 공유하는 방식은 안되나요? 각 페이지마다 따로 둔 이유가 뭔가요? 현업에서도 la
react인터랙티브-웹클론코딩next.jstailwind-csszustandEunwoo
・
1
175
1






