Next YTMusic Clone Coding from the Basics (with next.js 14, UI Master)
Clone YoutubeMusic website with React, Next.JS 14, TailwindCss, RadixUI, Shadcn, and zustand. You can master the basics of web front-end with a focus on UI, starting from NextJS basics.!
455 learners
Level Basic
Course period Unlimited

- Unresolved
isLoading 값이 바뀌는 시점(동작 순서)이 궁금합니다.
12.9강에서isLoading이 useState로 선언한 변수가 아닌데도 로딩 컴포넌트에서 재생 버튼으로 다
tomboy
・
7 months ago
0
74
3
- Resolved
4.6강 초기 로딩 속도 케이스 비교
4.6강 초기 로딩 속도 케이스 비교 세가지 케이스를 적어주셨는데 case1, case3이 같은 건가요?제가 이해를 못한 건가 싶어서 세 번 돌려봤는데 같아 보여
react인터랙티브-웹클론코딩next.jstailwindcsszustandtomboy
・
8 months ago
0
81
2
- Resolved
Sidebar & Header 컴포넌트 등 레이아웃 설정 방식
강의에서 레이아웃을 담당하는 Sidebar, Header 컴포넌트를 만들때 Props으로 children을 받고 렌더링 하는 방식으로 만들었는데 이렇게 만든 이유가 있을까요?지금까지 진행한걸 계층별로 생각해보면<
react인터랙티브-웹클론코딩next.jstailwindcsszustanddixk3458
・
9 months ago
0
82
3
- Unresolved
문의드립니다.
안녕하세요? 궁금한것이 있습니다.보통 React로 csr을 만들어 배포하는데 next.js로 SSR 페이지 없이 CSR app을 만들어 웹서버(NGINX)에 배포
react인터랙티브-웹클론코딩next.jsilovewit11645
・
a year ago
0
130
3
- Unresolved
Vercel signup이 안되요,, 계속 제 깃허브 계정은 추가 인증이 필요하다며 registration@vercel.com에 문의를 하라고 하네요,,, 이럴땐 진행을 어찌해야할까요,,,
Vercel signup이 안되요,, 계속 제 깃허브 계정은 추가 인증이 필요하다며 registr
react인터랙티브-웹클론코딩next.jstailwindcsszustandverceltngus52328561
・
a year ago
1
92
2
- Unresolved
에러, 로딩 내용 페이지를 모든 페이지에 다 만드는 이유가 따로 있나요?
에러나 로딩을 전역적으로 상태로 봐서 에러나 로딩을 띄우는게 아닌, 페이지별로 전부 다 복붙으로 넣는 이유가 따로 있나요..? 일단 따라해보고있긴 한데, 뭔가 좀 아닌것 같아서 질문 드립니다ㅠㅜ
react인터랙티브-웹클론코딩next.jstailwindcsszustandjunmannn9427
・
2
145
3
- Unresolved
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.jstailwindcsszustandjunmannn9427
・
0
195
3
- Resolved
코드가 왜 그런지 모르겠는데, 이럴땐 어떻게 공부해야하나요?
7.4 PlayListCarousel - 1 강의의 6분 15초를 보시면,부분이 있는데요.left-[-45px]을 해야 화살표가 보이게 되는데,
react인터랙티브-웹클론코딩next.jstailwind-csszustandporporpor0202024779
・
1
209
3
- Unresolved
강의외 복잡한 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-csszustandhyunsokstar6698
・
1
206
2
- Resolved
npx랑 yarn이랑 같이 써도 되나요?
프로젝트 세팅할때는 yarn을 쓰셨는데요.shadcn에서 avatar 설치할때는 npx을 쓰셔서요.같이 써도 문제가 없나요?
react인터랙티브-웹클론코딩next.jstailwind-csszustandporporpor0202024779
・
0
426
2
- Resolved
article / section 태그에 관해
article 과 section tag 를 자주 사용하시는데, 혹시 어떤 기준으로 사용하시나요?
react인터랙티브-웹클론코딩next.jstailwind-csszustandjsy84816648
・
0
170
1
- Resolved
카테고리 변경 시 이미지 로딩
카테고리 관련 강의를 수강 중입니다. 카테고리 변경 시 백그라운드 변경되는 부분이 있는데요해당 부분이 이미지 로딩(변경?)이 매우 늦게 되더라구요해당 부분 개선해보려면 어떤 것을 시도해보면 좋을까요?</p
react인터랙티브-웹클론코딩next.jstailwind-csszustandjsy84816648
・
1
184
2
- Unresolved
next zustand 사용 시 문의
next zustand 세팅 시, provider 를 사용해야한다는 글이 있어서요.현재 강의처럼 이후에 서비스 개발 시 사용해도 이슈가 없는 부분일까요?<a target="_blank" rel="noopener noreferrer nofoll
react인터랙티브-웹클론코딩next.jstailwind-csszustandjsy84816648
・
0
464
2
- Resolved
component 파일에서는 tsx파일이 아니라 jsx 파일을 쓰는 이유를 알 수 있을까요?
4.5 loading.error에서요... component 폴더에 넣는 ErrorMessage와 LoadingBar 파일은 tsx가 아니라 jsx파일을 쓰는 이유를 알고 싶습니다
react인터랙티브-웹클론코딩next.jstailwind-csszustanda0019141321
・
1
171
2
- Resolved
versel 을 통한 배포를 하는 것과 (홈서버 + 클라우드 플래어 프록시)를 하는 것을 비교해주실 수 있나요?
안녕하세요. 우선 소개부터 드리자면 저는 FE 개발자나 그쪽을 지망하는 것은 아니고 백엔드를 업으로 하고 있고 집에서 홈서버에 제 개인 서비스를 배포할 목적으로 해당 강의를 수강하게 되었습니다
react인터랙티브-웹클론코딩next.jsversel배포k8sdankim01243347
・
1
156
1
- Resolved
선생님 죄송한대
Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14) 강의쿠폰 더 없을까요 ㅠㅠ <span style="
react인터랙티브-웹클론코딩next.jstailwind-csszustandkbba785883
・
1
149
1
- Resolved
깃 push가 안되서 ssh를 한참해메고 있습니다. ㅠㅠ
The authenticity of host 'github.com (20.200.245.247)' can't be
react인터랙티브-웹클론코딩next.jstailwind-csszustandkbba785883
・
1
138
1
- Resolved
Chapter 7 영상 화면이 안보입니다.
Chapter 7 (섹션 8) 가장 첫 번째 강의는 보이는데 이후부터는 강의 영상이 나오지가 않네요
react인터랙티브-웹클론코딩next.jstailwind-csszustandNo Author
・
0
255
2
- Resolved
오류발생 문제입니다.
import { IoPlaySkipBackSharp, IoPlaySkipForwardSharp } from "react-icons/io5"; import { PlayerSlider } from "..
react인터랙티브-웹클론코딩next.jstailwind-csszustandeunwoo13412459
・
1
223
1
- Resolved
질문있습니다.
각 페이지마다 loading과 error.tsx를 각각 주고 있는데 그냥root에 loading.tsx error.tsx를 하나만 둬서 공유하는 방식은 안되나요? 각 페이지마다 따로 둔 이유가 뭔가요? 현업에서도 la
react인터랙티브-웹클론코딩next.jstailwind-csszustandeunwoo13412459
・
1
172
1

