inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

섹션3 Shadcn/ui 생성 시

미해결

한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS

( 해당 섹션 수강하던 2026-04-03 기준 ) npx shadcn@latest init 명령어 입력하면 2가지 선택지를 제공해줘요. Select a component library 라고 떠요 선택지에 Radix, Base 있는데 Radix가 흔히 아는 Shadcn/ui 라고 합니다. Which preset would you like to use? Nova (아이콘 Lucide, 폰트 Geist) Vega (아이콘 Lucide, 폰트 Inter) Maia (아이콘 Hugeicons, 폰트 Figtree) Lyra (아이콘 Phosphor, 폰트 JetBrains Mono) Mira (아이콘 Hugeicons, 폰트 Inter) Luma (아이콘 Lucide, 폰트 Inter) 강의에선 7:16 참고 하시면 base color 고르라는 선택지가 나왔고, 강사님께선 Neutral 고르셨습니다. 저는 저게 안나와서 gemini 에게 물어봤고 이와 같은 답변을 얻어서 진행했습니다. 혹시나 참고가 될까싶어 작성합니다.

  • react
  • 웹앱
  • tailwindcss
  • react-query
  • zustand
ggomsoo 댓글 1 좋아요 0 조회수 159

next.js 를 2대이상 실행하는 경우 제공하는 cache 기능들은 어떻게 되나요?

해결됨

Next.js 마스터 클래스: Part 3 - 실전 아키텍처 완성 (서버-클라이언트 동기화, 극한의 최적화, 풀스택 보안)

MSA 에서 BFF 로 활용하는 경우 클라우드 환경에서 성능과 관련하여 2~3대 이상 실행하는 경우 관련 기능들은 어떻게 동작하나요? part2 렌더링 패러다임의 전환: 캐싱 혁명 (Caching Revolution) part3 Next.js 16 서버 캐시와 TanStack Query의 동기화 또 이와 다른 주의 할 점이나 고려해야 하는 부분이 있나요?

  • javascript
  • react
  • typescript
  • next.js
  • frontend
icoon22 댓글 2 좋아요 0 조회수 111

오타?

미해결

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

2 퀴즈 강의에서 설명된 Create React App(CRA)과 Bit의 비교 중, Bit의 특징으로 언급된 것은 무엇인가요? 이거 오타 아닌가요? Bit -> Vite?

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

노션 데이타베이스 연결 문제

미해결

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

노션데이터베이스를 API 생성하고 두개 데이터베이스 만든 후 Invoice-web으로 연결하고 .env.local에 데이터베이스키와 데이터베이스 id까지 입력했지만 오류가 발생합니다. 혼자 고치려고 이래저래 해봤는데 문제를 못 찾겠네요 ㅜㅜ

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

달라진 클로드코드 UI에서 release-notes가 안떠요

미해결

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

보시다 싶이 릴리즈 노트 명령어가 뜨질 않습니다..ㅠㅠ 윈도우입니다

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

Verify domains to restrict who can publish GitHub Pages on them.

미해결

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

github > settings > Pages 에 이런 메시지가 있네요 Verify domains to restrict who can publish GitHub Pages on them.

  • react
  • 인공지능(ai)
  • claude
김재영 댓글 2 좋아요 0 조회수 66

클로드가 bash 쉘을 못 읽어요

미해결

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

클로드 코드를 윈도우 환경에 설치하고 node.js, 크롬, git 까지 설치를 완료했습니다. 그리고 나서 윈도우 cmd와 git bash, powershell 과 같은 터미널에서 node / npm / git / Claude 버전을 확인하면 잘 출력 되는데 클로드 코드 내부에서 버전을 확인하려고 하면 bash 쉘을 읽을 수 없다면서 안 됩니다. 일부러 사용자 계정도 하나 더 만들어서 영문으로 바꾸기도 했는데 왜 안될까요ㅠ환경변수 설정도 전부 맞춰서 했는데도 안됩니다

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

wsl 에 tmux 설치후 사용하려고 합니다.

미해결

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

안녕하세요! 저는 윈도우os를 사용하고있는데 agent teams 를 분할창에서 사용하고싶어 wsl를 설치하고 거기에 tmux 설치 후 활성화해서 클로드를 실행했는데 창 분할이 안되네요. 요금제 max 쓰고 있고, 공식문서 보고 "CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS"="1" 도 설정했는데(settings.local.json에 설정) 분할 창은 안뜨고 이렇게 진행이 됩니다. 이게 in-process 방식인것같은데,, wsl 환경에서는 tmux 써도 분할창으로 작업은 안되는건가요? 에이전트들끼리 진행할때 대화하는 내용을 보고싶습니다.

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

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 조회수 137

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 조회수 72

추가 질문드립니다!

미해결

클로드 코드 완벽 마스터: 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 조회수 60

새로운 기능 추가 할때

미해결

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

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

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

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

미해결

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

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

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

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

미해결

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

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

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

인기 태그

인프런 TOP Writers

주간 인기글