inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

폴더구조

미해결

Next.js 15로 완성하는 실전 YouTube 클론 개발

해당 영상에서 사용된 폴더구조는 어떤 아키텍처를 따른것일까요?

  • react
  • postgresql
  • 클론코딩
  • next.js
  • tailwindcss
  • drizzle
고성인 댓글 1 좋아요 0 조회수 116

page loading... 이 안보입니다.

미해결

Next.js App router 기반 Chat GPT 만들기

안녕하세요. Loading UI & Streaming 강의를 따라 하는데, 캐시 비우기 및 강력 새로고침으로 해도 page loading... 이 안보이네요. 개발자도구 띄우고 '캐시 비우기 및 강력 새로고침'으로 하면, 개발자도구 > 네트워크 에서 dashboard페이지가 '대기중' 상태이고, 미리보기에서 보이는 내용은 없습니다. route.ts에서 랜덤 지연시간이 지난 후 VSCode 에서 data { data: '4057만에 응답완료!' } 라고 뜬 후에 브라우저 개발자도구 > 네트워크에서 dashboard페이지 미리보기를 보면 " 루트 레이아웃대시보드 레이아웃 page loading..." 이라고 보이는데, 지연시간이 지난 후이라서 그런지 브라우저 상에서는 "루트 레이아웃대시보드 레이아웃 대시 보드 페이지" 으로만 보입니다. datashboard 페이지의 응답이 지연 시간이 지난 후에 하는거 같은데 왜 이럴까 궁금해지네요.

  • react
  • typescript
  • next.js
  • tailwindcss
  • zustand
  • chatgpt
김은종 댓글 2 좋아요 0 조회수 108

[ Server ] Error: Cannot read properties of undefined (reading 'useSuspenseQuery')

미해결

Next.js 15로 완성하는 실전 YouTube 클론 개발

아래와 같이 코드르 작성하고 그냥 PageClient 만 불러왔을 때도 정상 동작하는데 useSuspenseQuery 를 사용하면 에러가 발생합니다. page.tsx import { trpc } from "@/trpc/server"; import { PageClient } from "./client"; export default async function Home() { void trpc.hello.prefetch({ text: "Kyuleelim" }) return ( <div> <PageClient /> </div> ); } client.tsx "use cilent" import { trpc } from "@/trpc/client" export const PageClient = () => { const [data] = trpc.hello.useSuspenseQuery({ text: "Kyuleelim", }); return ( <div> {/* Page client */} Page Client says: {data.greeting} </div> ) }

  • react
  • postgresql
  • 클론코딩
  • next.js
  • tailwindcss
  • drizzle
임규리 댓글 1 좋아요 0 조회수 106

퀴즈에 답변이 나와있어요!

해결됨

프로젝트로 쉽게 배우는 TypeScript 기초

이런식으로 퀴즈에 답변이 뭔지 나와있어서 말씀드립니다!

  • javascript
  • typescript
  • tailwindcss
  • vite
  • ai-agent
한수연 댓글 1 좋아요 0 조회수 80

ngrok 실행 안됨

미해결

Next.js 15로 완성하는 실전 YouTube 클론 개발

ngork http --domain ----- 3000 명령어 실행 시 해당 오류가 발생하면서 실행이 안됩니다 어떻게 해결하면 될까요?

  • react
  • postgresql
  • 클론코딩
  • next.js
  • tailwindcss
  • drizzle
임규리 댓글 1 좋아요 0 조회수 377

gitHub 레파지토리 보면

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

왜 39강까지지만 push하구 그 이후 회차들은 push안했나요? 강의 수강회차별로 소스 싱크맞추어서 학습하면 도움이 많이 될텐데 강의별로 확인해셔서 소스 동기화 요청드립니다. 80강이면 80강 까자끝난 소스가 올라오면 되겠죠 ? 79강에서 80강 갔는데 ui가 바뀌어서 어떻게 환경을 잡아야할지 당황스럽습니다.

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
yoo 댓글 3 좋아요 -4 조회수 133

80강 수강중인데

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

80강 3분 08초에서 > 3분 09초로 넘어갈때 메모UI로 어떻게 바뀐건가요? 강의교안에 수정해야 될게 있으면 추가해주세요 / 이런사소한것도 신경안쓰고 강의를 올리십니까 ? 리액을 익히는게 목적인데 환경 잡느라 시간 다 날립니다. 추가영상 촬영해서 올려주시고 교안도 수정해주세요

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
yoo 댓글 3 좋아요 -3 조회수 103

dirzzle-kit push error

미해결

Next.js 15로 완성하는 실전 YouTube 클론 개발

bunx drizzle-kit push 명령어 실행 시 이런 오류가 발생합니다. 어떻게 해결해야할까요?

  • react
  • postgresql
  • 클론코딩
  • next.js
  • tailwindcss
  • drizzle
임규리 댓글 2 좋아요 0 조회수 139

79 타이틀수정 강의중

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

78 삭제 강의 이후 79 타이틀 수정 으로 넘어 갈떄 home.jsx UI가 바뀌는데 그거에 대해 설명이 없네요 . 강의교안에 home.jsx 파일 올려주시고 / 영상에도 home.jsx 변경 하는거 추가해서 촬영 부탁드립니다.

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
yoo 댓글 1 좋아요 0 조회수 66

Link component의 legacyBehavior 속성이 deprecated

미해결

Next.js 15로 완성하는 실전 YouTube 클론 개발

next15 의 Link component의 legacyBehavior 속성이 deprecated 되었습니다. 대체하기 위해 강의영상에서처럼 useRouter 를 사용하면 될까요?

  • react
  • postgresql
  • 클론코딩
  • next.js
  • tailwindcss
  • drizzle
hanbrang 댓글 1 좋아요 0 조회수 101

tailwindCss 강의중

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

공식 사이트에 가니 npm tailwindcss init -p명령어가 사라졌는데 버전이 올라가서 그런건가요?

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
yoo 댓글 4 좋아요 0 조회수 148

AI음성 전반적으로 수정이 필요한거같습니다.

미해결

Next.js 15로 완성하는 실전 YouTube 클론 개발

AI음성 전반적으로 수정이 필요한거같습니다. mx-auto "먹스 오토" 라고 읽기도하고 영어 속성 <-> 한글 전환이 자연스럽지 못한것 같습니다.

  • react
  • postgresql
  • 클론코딩
  • next.js
  • tailwindcss
  • drizzle
fdongfdong 댓글 0 좋아요 0 조회수 111

AI 음성 에러 수정 요청

미해결

Next.js 15로 완성하는 실전 YouTube 클론 개발

수정 부탁드립니다. "에서만 사용할 수 있는 기능입니다."

  • react
  • postgresql
  • 클론코딩
  • next.js
  • tailwindcss
  • drizzle
fdongfdong 댓글 1 좋아요 1 조회수 120

모바일 사이즈에 대해 질문있습니다.

미해결

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

안녕하세요 테일윈드 강의에서 반응형 부분의 강의를 보다가 궁금한 점이 생겨 여쭤보고 싶어 글을 남깁니다. 예를 들어 모바일 청첩장처럼 모바일사이즈만 사용할 경우 리액트에서는 처음에 라이브러리를 사용하지 않고 모바일 사이즈로만 설정하는 방법이 궁금합니다. 그리고 테일윈드에서 모바일 사이즈만 할 경우에는 sm 이 부분만 사용을 설정하면 되는지 궁금합니다.

  • HTML/CSS
  • javascript
  • 반응형-웹
  • tailwindcss
부드러운 족제비 댓글 1 좋아요 0 조회수 102

git hub 브렌치 강의내용 21~24쪽의 내용이 없네요

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

20.update-object받으니 컴포넌트의 기억저장서 부터이고 21조건부 랜터링부터 ~ 24이벤트전파까지의 소스 브랜치가 없네요

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
yoo 댓글 2 좋아요 0 조회수 93

강의교안 노션에 접속이 안되요

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

무한로딩 되면서 접속이 안되요 ㅠㅠ

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
skyileftgy12 댓글 2 좋아요 0 조회수 296

ErrorBoundary component 를 server component 에서 사용하는것

해결됨

Next.js 15로 완성하는 실전 YouTube 클론 개발

ErrorBoundary component ( react-error-boundary ) 는 client component 인데 수업에서는 server component 에서 사용하고 있는걸로 확인됩니다. 괜찮을까요?

  • react
  • postgresql
  • 클론코딩
  • next.js
  • tailwindcss
  • drizzle
hanbrang 댓글 2 좋아요 1 조회수 223

인텔레리제이 세팅환경도 알려주세요

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

인텔레리제이 세팅환경도 알려주세요

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
yoo 댓글 2 좋아요 0 조회수 135

린캔버스 수정 시 CanvasDetail 컴포넌트 리랜더링 질문

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

안녕하세요. 린캔버스 수정 수업 관련해서 질문이 있어서 문의 드립니다. const handleCanvasChange = async updatedCanvas => { try { await updateCanvas(id, updatedCanvas); setCanvas(updatedCanvas); } catch (err) { alert(err.message); } }; addNote, deleteNote, updateNote 등의 이벤트가 발생할 경우 setCanvas를 통해 useState에 선언된 canvas 값을 바꾸는데 그렇게 되면 CanvasDetail과 그 하위에 선언된 자식 컴포넌트들이 전부 리랜더링되는 것 같은데 강의에서는 그렇게 보이지 않아서 문의 드립니다. const [canvas, setCanvas] = useState(); canvas가 setCanvas 메서드를 통해서 상태가 변하면 리랜더링 되면서 하위 컴포넌트인 Note의 isEditing 값이 다시 false로 초기화되는데 강의에서는 여전히 true값이 남아있는 것 같습니다. 전체적인 코드를 동일하게 작성한 것 같은데 차이점이 발생하는 이유가 무엇일까요?

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
inflearn1 댓글 2 좋아요 0 조회수 80

웹훅 동기화 에러

미해결

Next.js 15로 완성하는 실전 YouTube 클론 개발

아래와 같은 에러 발생한다면 drizzle-orm 를 최신버전으로 업데이트 하시면 해결됩니다.

  • react
  • postgresql
  • 클론코딩
  • next.js
  • tailwindcss
  • drizzle
재쿤 댓글 1 좋아요 1 조회수 251

인기 태그

인프런 TOP Writers

주간 인기글