inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

6.8 zustand 세션 질문입니다.

미해결

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

session.ts import type { Session } from "@supabase/supabase-js"; import { create } from "zustand"; import { combine, devtools } from "zustand/middleware"; type State = { isLoaded: boolean; session: Session | null; }; const initialState = { isLoaded: false, session: null, } as State; const useSessionStore = create( devtools( combine(initialState, (set) => ({ actions: { setSession: (session: Session | null) => { set({ session, isLoaded: true }); }, }, })), { name: "sessionStore", }, ), ); export const useSession = () => { const session = useSessionStore((store) => store.session); return session; }; export const useIsSessionLoaded = () => { const isSessionLoaded = useSessionStore((store) => store.isLoaded); return isSessionLoaded; }; export const useSetSession = () => { const setSession = useSessionStore((store) => store.actions.setSession); return setSession; }; App.tsx import { Button } from "@/components/ui/button"; import RootRoute from "./root-route"; import supabase from "@/lib/supabase"; import { useEffect } from "react"; import { useSetSession } from "@/store/session"; export default function App() { const setSession = useSetSession(); useEffect(() => { //console.log("111"); supabase.auth.onAuthStateChange((event, session) => { setSession(session); }); }, []); return <RootRoute />; } 코드는 강의와 동일하게 잘따라간 것 같은데 개발자 도구 에서 session이랑 isLoaded가 안보입니다. 새로고침을 해도, 탭을 껏다 켜도, 리액트를 껏다 켜도, 제미나이한테 물어봐도 이게 해결이 안됩니다..... +추가 App.tsx import { Button } from "@/components/ui/button"; import RootRoute from "./root-route"; import supabase from "@/lib/supabase"; import { useEffect } from "react"; import { useIsSessionLoaded, useSession, useSetSession } from "@/store/session"; export default function App() { const setSession = useSetSession(); const session = useSession(); const isLoaded = useIsSessionLoaded(); useEffect(() => { //console.log("111"); supabase.auth.onAuthStateChange((event, session) => { setSession(session); }); }, []); useEffect(() => { console.log("현재 세션 상태:", { session, isLoaded }); }, [session, isLoaded]); // 값이 바뀔 때마다 실행됨 return <RootRoute />; } 이렇게 하고 새로고침하면 콘솔에는 찍히긴 합니다 단순한 리덕스 툴킷 버그인지 콘솔에 찍히니까 넘어가도 상관없는지 모르겠습니다.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
kin412 댓글 2 좋아요 0 조회수 138

fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다

미해결

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

프로젝트 진행 중 fetchBoardsOfMine과 fetchBoardsCountOfMine 요청 시 회원정보 인증에 실패했다는 응답이 옵니다. 같은 accessToken을 입력했을 때 fetchUserLoggedIn 요청 시에는 정상적인 응답이 오는데 위의 두 요청에선 실패응답이 오는 상황입니다. 혹시 fetchBoardsOfMine과 fetchBoardsCountOfMine에서 추가적인 인증이나 요청값이 필요한 건가요? 추가적으로 학습자료 노션에 있는 REST-API 주소( http://practice.codebootcamp.co.kr/api-docs )는 접속이 안되고 있습니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
tlstjs0712 댓글 1 좋아요 0 조회수 82

CLAUDE.md 200줄 이하 기준

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

클로드는 매 대화(요청/응답)마다 CLAUDE.md 를 읽나요? 루트 CLAUDE.md는 항상 읽고, 하위 CLAUDE.md는 해당 폴더에 접근할 때만 읽잖아요. 그러면 /rules CLAUDE.md는 항상 읽나요? 아니면 조건부로 읽나요? 200줄 이하 규칙은 어떤 CLAUDE.md가 준수해야 하나요? 루트 CALUDE.md만 준수? 개별 CLUADE.md 각각 준수? 모든 CLUADE.md를 합쳐서 준수?

  • react
  • 인공지능(ai)
  • claude
매콤한각설탕 댓글 2 좋아요 0 조회수 137

커서 킬때마다 오류

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

커서에서 터미널을 킬때 마다 아래와같이 느낌표가 뜨면서 아래와 같은 확장을 원합니다. 계속 재시동을 하고 있는데 킬때마다 이러는데 원인은 무엇인지 혹시 해결방법이 있나요?

  • react
  • 인공지능(ai)
  • claude
동영배 댓글 2 좋아요 0 조회수 74

ai 도구 질문

미해결

React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발

혹시 glb 파일을 이미지 파일만 보고 만들어주는 ai 툴 같은게 있을까요..?

  • javascript
  • react
  • typescript
  • 인터랙티브-웹
  • three.js
  • webgl
  • react-three-fiber
jadubell 댓글 1 좋아요 0 조회수 89

한국어 설정 방법 문의

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

settings.json 파일에 language에 설정 만으로 셋팅이 된다고 하는데요. 에러가 발생합니다. 왜그런 건지 문의드립니다.

  • react
  • 인공지능(ai)
  • claude
댓글 1 좋아요 0 조회수 73

추가 질문드립니다!

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

안녕하세요. 빠른 답변 감사합니다. Shift+Enter 오류 관련하여 답변 확인하고 몇 가지 더 궁금한 사항이 생겨 질문드립니다! iterm2를 삭제해도 git, node, Homebrew 등 개발 도구들은 전혀 영향 없다고 확인했습니다. Q1. 맥 OS 터미널에서 권한 설정, 개발 도구 설치를 하면 이게 자동으로 iterm2에도 반영이 되는 것인지 궁금합니다! 예를 들면 맥 OS 터미널에서 클로드 코드에 대한 세부 설정을 바꾸면 iterm에도 반영 이 되는 것인지, iterm2 외에 다른 터미널 프로그램(고스티 같은)을 설치해도 마찬가지로 별도 설정없이 적용 되는지 궁금합니다! 그리고 커서에서 변경한 설정이나 권한 설정이 터미널이나 아이텀에도 적용되는지, 그 반대의 경우도 적용이 되는지 도 궁금합니다. 즉, 터미널은 어떤 프로그램을 쓰든 하나라고 생각해도 되나요? Q2. Cursor는 VS Code 기반이라 /terminal-setup을 실행해도 Shift+Enter 대신 Option+Enter로 동작하는 경우가 있다고 확인했습니다! 그럼에도 불구하고... 저는 맥 내장 터미널과 커서 안에서 알트 엔터 줄바꿈이 너무 불편해서 시프트 엔터로 변경하고 싶은데 이것은 방법이 없을까요? 클로드 코드로 옵션 엔터 대신 시프트 엔터로 바꿔달라고 몇번 요청하고(그 사이 여러 파일들을 읽고 분석했는데도) 동작하지 않아.. 혹 방법이 있는지 궁금합니다!

  • react
  • 인공지능(ai)
  • claude
동영배 댓글 1 좋아요 0 조회수 61

새로운 기능 추가 할때

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

이미 목표한 웹어플리케이션을 완성한 다음, git hub에 배포한다음, 새로운 기능을 만들어야 합니다. 새로운 기능이 적지 않을때, 기존의 PRD와 ROADMAP에 내용을 추가해서 개발해야 할까요? 아니면 새로운 기능으로만 구성된 PRD 와 새로운 ROADMAP을 추가로 생성해서 진행하는 것이 좋을까요?

  • react
  • 인공지능(ai)
  • claude
이동윤 댓글 2 좋아요 0 조회수 47

토큰 사용량에 대해 궁금한점이 있어요

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

안녕하세요. 강의 목적으로 클로드 코드 Pro를 구독하여 현재 섹션22까지 강의 완료 했어요. 하지만 토큰 걱정으로 인해 강의에서 진행하시는 클로드 코드 사용을 많이 따라하지 않으면서 진행해오다가 섹션 22강의와 함께 섹션 22 미션을 진행하면서 토큰을 많이 쓴거같아요. 정상적인 토큰 사용량인지 궁금증이 있어 이렇게 질문을 드리게 되었어요. 스크린샷과 같이 토큰 사용량이 확인되는데 이렇게 사용한것이 정상적인걸까요..?

  • react
  • 인공지능(ai)
  • claude
이유주 댓글 2 좋아요 0 조회수 91

섹션 12. 69번 AI활용 프로젝트 생성1:CoT 프롬프트 엔지니어링 질문

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

next.Js로 스타터 Kit 생성해달라할때 프로젝트 안에 파일이나 디렉토리있으면 오류 날거라는데 저는 오류가 안나고 잘 진행되었는데 혹시 이유 알 수 있을까요? 선생님과 완전 똑같은 상태였습니다.

  • react
  • 인공지능(ai)
  • claude
미녕 댓글 2 좋아요 0 조회수 59

프롬프트 엔지니어링 체계적인 작성 방법

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

아래 강의들을 시청하면서, 대충 흐름은 알겠지만 막상 혼자 하려면 이런 방법론들을 어떻게 적용할 지 모르겠습니다. CoT 프롬프트 엔지니어링 (단계별로 생각?) 역할 프롬프트 엔지니어링 (당신은 XXX입니다?) 오류 수정과 명확한 프롬프트 엔지니어링 이 3개의 프롬프팅이 정확히 무엇이며 언제 사용하는 것인지 추상적이게 느껴집니다. 중간중간에 1번과 2번을 동시에 적용하는 거 같기도 하네요. 그리고 혹시 정석적인 템플릿? 같은 게 있다면 알려주세요.

  • react
  • 인공지능(ai)
  • claude
매콤한각설탕 댓글 2 좋아요 0 조회수 83

cloudinary 관련

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

if (previewImage) { const formData = new FormData(); formData.append("file", previewImage); formData.append("upload_preset", "react_blog"); // formData.append("api_key", "688125195814112"); // formData.append("api_secret", "S2HFi155abf2HkDpkcgArvWP5HE"); // formData.append("public_id", "87f7932d-354d-4a7f-8f39-5dbf751f1c46"); const { data } = await axios.post( "https://api.cloudinary.com/v1_1/dptshe37e/image/upload", { formData }, ); console.log(data); https://api.cloudinary.com/v1_1/dptshe37e/image/upload { "error": { "message": "Upload preset must be specified when using unsigned upload" } } 일단 강의가 정말 훌륭합니다. 잘 듣고 있고 정말이지 많은 도움이 되고 있습니다. 게시글 등록하기 -4 강을 듣고 있는데 파일 업로드 부분에서 좀 막히네요. 요청 시 오류가 나는데요. 여러가지 방향으로 시도해 봤는데 잘 안되네요. 강의 촬영 시점하고 cloudnary 가 개편되었는데 특별하게 다른 점은 없어 보입니다. 일단 업로드 부분은 보류하고 다음 강의 들어야겠네요. 한번 살펴 봐 주시면 감사하겠습니다.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
태리바이트 댓글 3 좋아요 0 조회수 90

저는 왜 콘솔에서 props가 한 줄만 찍히나요?

해결됨

React start with Next.js

next.config.mjs 에서 reactStrictMode 설정을 한 것도 아닌데 왜 콘솔에 한 줄만 뜰까요? next.js , react, node.js 버전은 현재 기준 가장 최신 버전이고, mac 환경입니다. npm run dev 로 실행했습니다. 강의시점과의 버전 차이 문제일까요?

  • javascript
  • react
  • 웹앱
  • ajax
속터져 댓글 1 좋아요 0 조회수 82

커서 에서 우측 사이드바 설정법이 궁금합니다.

해결됨

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

선생님 화면을 보면 좌측 사이드바(?) 말고 우측도 이렇게 설정해두셨는데 어떻게 할 수 있는지 궁금합니다. 선생님처럼 클로드 코드를 고정핀으로 해두고 쓰고 싶은데, 설정방법에 대한 안내가 없어 질문드립니다! 좌측에는 추가가 되는걸로 알고 있는데 좌측은 이미 사용되는게 있으니 우측에 하고싶습니다! secondary side bar 설정까지는 찾았는데 해당 창으로 사이드바를 띄워도 선생님처럼 설정할수는 없네요 ㅠㅠ... 방법 알려주시면 감사하겠습니다!

  • react
  • 인공지능(ai)
  • claude
동영배 댓글 2 좋아요 0 조회수 352

claude wrapper 에 대해서도 강의 해주세요

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

부탁드립니다.

  • react
  • 인공지능(ai)
  • claude
배준영 댓글 1 좋아요 0 조회수 51

38강 문의 드립니다.

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

강사님 화면을 보게되면, plan 모드 실행 후, 초기에 명령하시면 값이 도출되고, 1번에 클리어 컨텍스트 ~~ 옵션이 있는데, 제 화면에는 안보이더라구요. (오늘기준) 무슨 차이인지 모르겠습니다. 현재 pro플랜으로 가장 하위모델 사용중인데, 이와도 관련이 있나요?

  • react
  • 인공지능(ai)
  • claude
배트TV malkie vet 댓글 2 좋아요 0 조회수 56

업데이트 관련 문의입니다.

해결됨

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

안녕하세요. 26/1/17 1-3 claude memory 기능 변경 업데이트 위의 업데이트 되는 내용들은 어디서 확인할 수 있을까요?

  • spring-boot
  • next.js
  • 인공지능(ai)
  • claude
말차 댓글 4 좋아요 0 조회수 126

34,34 강의 claude화면

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

34,34 강의중 claude화면이 있는데요, 이때는 터미널 환경이 아닌 마켓플레이스에서 설치한 클로드코드 사이드바에서 실행 하신것인지 궁금 합니다. 또한 윈도우 환경에서 알트 M을 눌러도 권한모드 변경하는 것이 나오질 않아 도움 부탁드립니다. 좋은강의 감사합니다.

  • react
  • 인공지능(ai)
  • claude
daeha 댓글 2 좋아요 0 조회수 59

claude.md 관해서 질문

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

강의를 봤을때는 .claude/CLAUDE.md 랑 ./claude.md랑 똑같다고 들었는데 미션하기에서 유저 메모리는 ~/.claude/ CLAUDE.md 개인 설정 나만 사용 프로젝트 메모리는 ./ CLAUDE.md 라고 해서 좀 헷갈려서 질문드립니다. 모든 프로젝트에 적용되는 내 개인설정 나만 사용 프로젝트 메모리는 CLAUDE.local.md (로컬메모리)랑 똑같은말이 아닌가여??

  • react
  • 인공지능(ai)
  • claude
미녕 댓글 3 좋아요 0 조회수 123

Shift + Enter 줄바꿈 오류 질문드립니다.

해결됨

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

강의 잘 듣고 있는데 줄바꿈 설정에 대한 질문드립니다! 현재 커서까지 설치해서 줄바꿈을 활용하고 있는데 아래와 같은 오류가 있습니다. 맥OS, 맥북 에어 M5 모델 사용중입니다. 현재 줄바꿈 상태는 아래와 같습니다. 1. 맥OS 내장 터미널 - 클로드 코드 진입 전 일반환경: Option + Enter로 작동 - 클로드 코드 진입 후 환경: Option + Enter로 작동 2. iterm2 - 클로드 코드 진입 전 일반환경: 비작동 - 클로드 코드 진입 후 환경: Shift + Enter로 작동 3. 커서 - 클로드 코드 진입 전 일반환경: Option + Enter로 작동 - 클로드 코드 진입 후 환경: Option + Enter로 작동 강의에서 보면 커서에서도 시프트 엔터로 작동하는데, 어떻게 해도 되지 않습니다. 터미널 셋업 명령어를 사용해서 설치 된 것 확인했고, Q&A 통해서 경로를 알려주면서 해당 기능 수정해달라고도 했는데 안되네요. 혹시나 싶어 해외 의견등를 봤는데 해외에서도 에디터에서 시프트 엔터 대신 알트나 다른 키가 작동한다는 이야기들이 있더라구요 ㅠㅠ.. 아래 질문드립니다! Q1. 위에 작성한 터미널, 아이텀2, 커서 줄바꿈 상태값은 정상인 상태인걸까요? iterm2에서 클로드 코드 진입 전에는 작동안하는데 오히려 맥OS는 Opt + Enter로 작동하니 이게 기본값이 맞는지 잘 모르겠습니다. Q2. 커서에서는 강의와 다르게 Option으로 작동하는데 혹시 Shift로 제가 변경할 수는 없는지 궁금합니다. (클로드 코드 내 채팅으로 시도했으나 설정을 바꿨다지만 불가능) Q3. 제가 위 환경들이 안되어서 답답해서 iterm2를 App Cleaner를 통해 깨끗히 지우고 다시 설치했는데, 이전 강의에서 들었던 git, node 등 설치되었던 것들, 권한 세팅 등 iterm2를 위한 세팅이 다시 필요한지 궁금합니다. 강의를 처음부터 다시들어야할지도 고민이네요 ㅠㅠ

  • react
  • 인공지능(ai)
  • claude
동영배 댓글 2 좋아요 0 조회수 145

인기 태그

인프런 TOP Writers

주간 인기글