현 차트에서 강의가 마무리 된건지??
해결됨
(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI
현재 강의가 마무리는 아닌거 같은대, 언제 강의가 업로드 될까요..?
- python
- flask
- next.js
- 인공지능(ai)
원영규
댓글 2
좋아요 0
조회수 100
묻고 답해요
172만명의 커뮤니티!! 함께 토론해봐요.
22강 강의 영상 문의 드립니다.
해결됨
Next.js 마스터 클래스: Part 2 - 풀스택 아키텍처와 프레임워크 심화 (Server Actions, 캐시 혁명, 고급 라우팅)
안녕하세요. 해당 섹션을 보니 강의 영상이 올라갈 자리로 보이나 빈 화면이 나와서요. 확인 부탁드립니다 :)
- javascript
- react
- next.js
- frontend
- backend
dgh12
댓글 2
좋아요 0
조회수 90
안티그래비티+클로드 조합 변경
해결됨
(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI
안티그래비티 대신 커서+클로드 사용해도 되나여? 수업 중 기술적인 문제나 고유 기능에는 없을까요?
- python
- flask
- next.js
- 인공지능(ai)
홍성우
댓글 2
좋아요 0
조회수 112
shadcn에서 radix ui와 base ui 차이는 뭔가요?
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
shadcn에서 radix ui와 base ui 차이는 뭔가요? 그리고 어떤 걸 선택해야 할까요?
- react
- typescript
- react-query
- supabase
- zustand
jungo
댓글 2
좋아요 1
조회수 626
updateTodo 함수 생성시 화살표 함수 사용 안하는 이유
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
제목과 같이 updateTodo 함수 생성시 화살표 함수 사용 안하는 이유 궁긍합니다! ai 질문하니 스타일 차이라던데 혹시 다른이유가 있을까요? this 관점에 차이가 있다고는 하는데 현재 프로젝트에서는 딱히 의미가 없을거 같아 문의 드립니다!
- react
- typescript
- react-query
- supabase
- zustand
이민진
댓글 2
좋아요 0
조회수 104
4.11 바로 투두 삭제가 안됨 질문
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
투두 삭제할 때 mutation 부분 코드를 강의와 똑같이 // use-delete-todo-mutation.ts export function useDeleteTodoMutation() { const queryClient = useQueryClient(); return useMutation({ mutationFn: deleteTodo, onSuccess: (deletedTodo) => { queryClient.setQueryData<Todo[]>(QUERY_KEYS.todo.list, (prevTodos) => { if (!prevTodos) return []; return prevTodos.filter((prevTodo) => prevTodo.id !== deletedTodo.id); }); }, }); } 이렇게 치면 바로 삭제가 안 되고 새로고침해야 적용이되는데 export function useDeleteTodoMutation() { const queryClient = useQueryClient(); return useMutation({ mutationFn: deleteTodo, onSuccess: (_data, deletedId) => { queryClient.setQueryData<Todo[]>(QUERY_KEYS.todo.list, (prevTodos) => { if (!prevTodos) return []; return prevTodos.filter((prevTodo) => prevTodo.id !== deletedId); }); }, }); } 이렇게 작성하면 바로 삭제 적용이 됩니다. 무슨 차이가 있는 걸까요?? 그리고 강의에 왜 처음 코드는 바로 삭제 반영이 안 되는 건지 궁금합니다 ㅜㅜ!
- react
- typescript
- react-query
- supabase
- zustand
으악
댓글 3
좋아요 0
조회수 130
아래 위치에 동영상이 보이지 않습니다.
해결됨
Next.js 마스터 클래스: Part 2 - 풀스택 아키텍처와 프레임워크 심화 (Server Actions, 캐시 혁명, 고급 라우팅)
아래 위치에 동영상이 보이지 않습니다. 36. 18강. [Next.js 실전] redirect() 함수로 구현하는 완벽한 동선 제어
- javascript
- react
- next.js
- frontend
- backend
심재화
댓글 1
좋아요 0
조회수 86
Vercel 사용법
해결됨
Next.js 마스터 클래스: Part 1 미션으로 배우는 App Router의 본질과 렌더링 설계
26강 마지막에 다음에 Vercel 사용법 알려준다고 되어 있는데 Next.js 마스터 클래스: Part 2 에 Vercel 사용법이 나오는 건가요? 26강. generateMetadata: 검색 엔진(SEO)의 마음과 소셜 미디어 공유를 지배하는 동적 메타데이터 다음에 Vercel 사용법이 않나오네요?
- javascript
- react
- typescript
- next.js
- frontend
심재화
댓글 2
좋아요 0
조회수 164
강의자료가 않보입니다.
해결됨
Next.js 마스터 클래스: Part 2 - 풀스택 아키텍처와 프레임워크 심화 (Server Actions, 캐시 혁명, 고급 라우팅)
아래 위치에 강의자료가 않보입니다. [강의 노트] 07강. [CS 아키텍처] 이벤트 기반 아키텍처(EDA)와 웹훅(Webhook)
- javascript
- react
- next.js
- frontend
- backend
심재화
댓글 1
좋아요 0
조회수 76
10-6 실습 할 수 없습니다..
미해결
타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
폴더가 어떻게 밀렸는지 10-6에는 그 전 강의 내용이 있어서 라우트 핸들러에서 캐싱처리 하는 내용의 백엔드 코드와 프론트 코드가 없어서 실습이 불가능합니다 .. 🥲 확인 부탁드립니다 .. !
- javascript
- react
- typescript
- next.js
- jwt
button_
댓글 1
좋아요 0
조회수 117
1-4 rule 파일 내려받기가 안돼요
해결됨
[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
1-4 rule 파일 내려받기가 안돼요 ㅜㅜ
- react
- next.js
- cursor
- 프롬프트엔지니어링
- 바이브코딩
임아름
댓글 1
좋아요 0
조회수 88
인증 정보가 만료되었을 때 라우트 가드 처리가 궁금합니다!
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
라우트 가드 학습 중 궁금한 점이 생겨서 질문드립니다! import { useSession } from "@/store/session"; import { Navigate, Outlet } from "react-router"; export default function MemberOnlyLayout() { const session = useSession(); if (!session) return <Navigate to={"/sign-in"} replace={true} />; return <Outlet />; } 라우트 가드에서는 인증 정보 유무만 검사하고, 인증 정보 만료 여부는 별도로 확인하지 않나요? 만약 그렇다면 인증 정보가 만료된 상황에서의 처리 방법이 궁금합니다! 고민해봤을 때 인터셉터 등 별도 로직으로 구현해 다음과 같이 처리할 것 같습니다 접근한 페이지에서 인증이 필요한 요청 처리가 있다면 refreshToken 을 이용해 accessToken 을 재발급 한 뒤 요청을 재시도한다 refreshToken 도 만료되었다면 요청을 취소하고 로그인 페이지로 리디렉션 한다 그런데 이렇게 처리하면 refreshToken 도 만료된 사용자는 인증 정보가 있으므로 요청 페이지로 이동한다 짧은 순간이나마 데이터가 없는 빈 화면이나 깨진 UI를 본다 로그인 페이지로 리디렉션되며 혼란을 겪는다 그래서 라우트 가드에서 만료된 경우 접근을 막아야 되지 않을까 생각해봤는데 매번 토큰 유효성 검증을 수행하면 성능 저하가 발생할 것 같다는 생각을 했습니다 어떻게 처리하면 좋을지 의견을 여쭤보고 싶습니다!
- react
- typescript
- react-query
- supabase
- zustand
seb vesta
댓글 2
좋아요 0
조회수 110
supabase를 사용하지 않을 경우 세션 데이터의 변경을 감지하고 스토어에 보관하는 방법이 궁금합니다!
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
안녕하세요! 항상 강의 잘 듣고있습니다 :) 강의에서 onAuthStateChange 를 사용해서 사용자 로그인 시 세션 데이터가 변경되며 업데이트된 세션이 매개변수로 전달되고, 업데이트된 세션을 스토어에 보관했었습니다 supabase 를 사용하지 않는다면 세션 데이터 변경을 어떻게 감지하고, 스토어에 보관 해야될지 고민해봤는데 세션 데이터를 사용하는 곳에서 직접 저장 / 수정하는 방법 혹은 강의에서 배웠던 persist 와 subscribeWithSelector 를 활용한 방법도 있을 것 같은데 명확한 방법이 떠오르지 않아 강의 내용과는 조금 방향성이 다르지만 질문드리게 되었습니다!
- react
- typescript
- react-query
- supabase
- zustand
seb vesta
댓글 2
좋아요 0
조회수 110
4.6 id를 string으로 변경시 오류
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
id를 전부 string으로 변경했음에도 계속 오류가 발생해서 ai한테 도움을 요청했더니 create-todo.ts에 header값을 붙이라고 하더라고요! 그래서 해당 파일 코드에 headers: { 'Content-Type': 'application/json',} 를 붙여줬더니 정삭작동하는 걸 확인할 수 있엇습니다. 왜 이 헤더를 붙여줘야 하는 건가요? import { API_URL } from '@/lib/constants'; import type { Todo } from '@/types'; export async function createTodo(content: string) { const response = await fetch(`${API_URL}/todos`, { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ content, isDone: false }), }); if (!response.ok) throw new Error('Create Todo Failed'); const data: Todo = await response.json(); return data; }
- react
- typescript
- react-query
- supabase
- zustand
으악
댓글 2
좋아요 0
조회수 98
그림 예제는 따로 제공이 안되나요?
미해결
타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
강의에서 이해하기 쉽게 그림으로 설명해주시는데 예제코드에 따로 그림이 첨부되어있진 않던데 혹시 그림은 따로 제공이 안될까요? 그리고 중간 중간 편집이 어색하게 되어서 중복 대사가 있다보니 오히려 더 헷갈리게 되더라고요 강의 03-03 "클라이언트 컴포넌트에서 서버 컴포넌트 렌더링 하기 -1"에서 6분 18초 가량부터 시작해서 대사가 "페이지 컴포넌트에서 데이터 패치 컴포넌트로 props를 전달하는 건 가능하지만 그리고 페이지 컴포넌트에서 데이터 패치 컴포넌트로 props로 데이터를 전달하는 건 가능하지만 클라이언트 래퍼 컴포넌트에서 데이터 패치 컴포넌트로 props로 데이터를 전달하는 건 불가능한 그런 구조가 되게 되는 겁니다" 이러다보니 오히려 헷갈리게 되더라고요 이런 부분은 확실히 편집되면 좋겠습니다. 이미지도 오히려 설명이 달라서 "페이지 컴포넌트에서 클라이언트 래퍼 컴포넌트로 dataFetch를 props로 전달이 가능하고, 페이지 컴포넌트에서 데이터 패치 컴포넌트로도 props 전달이 가능하지만 클라이언트 래퍼 컴포넌트에서 데이터 패치 컴포넌트로 props를 전달하는건 불가능한 구조가 되게 되는겁니다"와 같이 수정이 좀 필요해보입니다.
- javascript
- react
- typescript
- next.js
- jwt
5647kr
댓글 1
좋아요 0
조회수 99
리액트 타입스크립트 관련 질문있습니다.
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
타입스크립트 강의를 따로 안들어서 그런데 컴포넌트 별로 props를 넘길때 언제는 구조분해할당으로 넘기고 언제는 그냥 타입만 선언해서 넘기던데 따로 판단하는 기준이 있을까요? CommentEditor 컴포넌트 props 넘길때 {postId}:{postId : number} 과 (postId : number) 의 차이가 명확히 그려지지가 않습니다.
- react
- typescript
- react-query
- supabase
- zustand
이진섭
댓글 1
좋아요 0
조회수 88
파이어베이스 문의
해결됨
바이브 코딩으로 업무 아이디어 구현하기: HRD 프로젝트 (구글 AI Studio × n8n)
안녕하세요! 프로젝트 만들기 시 '계속' 탭이 비활성화가 되어서 넘어가지 않는데 어떻게 해야할까요?
- firebase
- supabase
- n8n
- 바이브코딩
남경우
댓글 2
좋아요 0
조회수 68
figma cursor talk to figma plugin 없어요
해결됨
[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
피그마에 검색해도 아예 없어요.. 따로 플러그인을 해야하는건가요? 그러면 플러그인 하는 법은 왜 강의내용에 없는걸까요? 어떻게 진행해야 되는지 설명부탁드립니다
- react
- next.js
- cursor
- 프롬프트엔지니어링
- 바이브코딩
이나현
댓글 2
좋아요 0
조회수 164
소셜 로그인 구현하기 관련하여 질문이 있습니다!
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
안녕하세요! 강사님이 얘기해주신 부분에서 구현을 다했고, 추가로 구글로그인도 적용시켰습니다! 이후에, 카카오 로그인 관련해서 적용하려고 앱설정 및 AI 도움을 받아 하려했는데, 구현 부분에서 막혔습니다. 잘못된 요청 (KOE205) onebite-log 서비스 설정에 오류가 있어, 이용할 수 없습니다. 서비스 관리자의 확인이 필요합니다. 서비스 관리자라면 아래를 확인해보세요. 왜 에러가 발생하나요? 접기 설정하지 않은 카카오 로그인 동의 항목을 포함해 인가 코드를 요청했습니다. 설정하지 않은 동의 항목: account_email 어떻게 해결할 수 있나요? 접기 앱 관리 페이지의 [카카오 로그인] > [동의항목]에서 동의 항목 설정을 변경하거나, 설정하지 않은 동의 항목을 제외하고 재요청합니다. 이걸 해결하기 위해선 동의항목에 가서 비즈앱으로 전환하는 방법 밖에 없는 지 궁금하여 문의드립니다!
- react
- typescript
- react-query
- supabase
- zustand
rladygks1210
댓글 2
좋아요 0
조회수 137
Gemini 대신 Claude API 사용 가능 여부
해결됨
(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI
gemini ai 처리 말고도 claude api를 활용해서 처리해도 가능한가요? claude api 충전 해놓은게 있어서 사용해서 두 개 AI 처리 결과 값을 비교해보고 싶어서요
- python
- flask
- next.js
- 인공지능(ai)
곽정우
댓글 2
좋아요 0
조회수 106
인기 태그
인프런 TOP Writers
주간 인기글
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS