묻고 답해요
169만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[React 2부] 고급 주제와 훅
잘못된 useEffect 사용?
useEffect를 통해 setErros를 호출해서 errors 상태를 변경하고 있습니다. 상태를 변경하는 건 부수효과가 아니니까 useEffect에서 상태 업데이트는 잘못된 사용이 아닌가 해서요!저것 때문에 렌더링이 두 번 되기도 하고, https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state이 내용이랑 같은 내용인 것 같아서요!
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
plugin
프로젝트 A의마켓 플레이스에서 supabase 플러그인 mcp를 설치하고 사용 했습니다. // A_Project/.claude/setting.json { "enabledPlugins": { "frontend-design@claude-plugins-official": true, "supabase@claude-plugins-official": true } } 그러고 나서 프로젝트 B의 터미널에서 claude 실행 후 /mcp 목록을 보면supabase mcp가 없는데 제가 무언가 놓친게 있는걸까요?프로젝트 B에서 /plugin -> Installed를 확인해봐도 없는 대신 MarketPlaces에는 설치 되어있어서 다시 삭제 하고 설치해서 사용 해야 하는건지 ... 프로젝트 단위로만 플러그인들을 적재적소로 설치해서 사용 하고 싶은데
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
디렉토리별 claude 관리
섹션12 라는 폴더를 만들어서git 연동을 해놓았습니다.claude 를 이용해서 merge 하고 push 를 해보느라구요. 이후에, 이곳에서 nextjs 를 이용해서 web 만드는 강의를 진행하려고 하는데요.섹션12 폴더 하위에 web-starter-kit 이라는 폴더를 만들고그 안에 nextjs 를 설치하였습니다. 여기서 궁금한것이 있습니다.이미 git 연동을 하느라 섹션12폴더 최상위에 .claude setting 폴더가 생겼는데요. web-starter-kit 폴더 안에서만 claude 를 독립적으로 사용하고 싶습니다.하나의 프로젝트 안에 여러개의 폴더를 만들어서 각각 모듈처럼 만들려고 하는건데요.이렇게 가능한건가요?각 모듈별로 사용하지 못하면 init 을 했을때 너무 많은 토큰을 사용할꺼 같습니다. 제가 잘못알고 있는건지 모르겠습니다.답변 부탁 드립니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
claude 폴더안의 파일도 git에 올려놓나요?
.claude/settings.local.json같은것도 git에 push 를 해놓나요? 용량이 좀 큰거 같은데, 보통 push 를 하는지ignore 해야 할지 판단이 잘 안되네요. 어떻게 하는게 좋을지 답변 부탁 드립니다.
-
미해결타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
MainLayout이 중첩되어 뜨는 문제
혼자서도 해보고 '레이아웃 분리하기 - 풀이' 강의를 보고 똑같이 해도 (with-layout) 그룹에 생성한 Layout(MainLayout)은 아래와 같이 MainLayout 하위에 MainLayout이 또 있는 것처럼 뜨는데 이건 정상적인 건가요?(auth) 그룹에 생성한 Layout(AuthLayout)은 아래와 같이 AuthLayout이 하나만 있어서 어떤 게 정상인지, 원래 이런 건지 알고 싶습니다.프로젝트 폴더 구조는 다음과 같습니다:
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
강의 따라가기 위한 조언 구하고싶습니다
현재 전체 중 28%정도 수강하고 있는 비전공자 입니다. 초반 강의는 개념을 이해하기 쉬웠고 따라하기 쉬웠는데 갈수록 비전공자 입장에서는 단어의 개념을 모른 상태에서 바로 듣다 보니. 이 기능? 이번 강의?가 무엇을 위해 설명하시는지 왜 필요한지 등 처음부터 가닥을 잡기가 너무 어려워지고 있습니다. 큰 틀을 보지 못하는 느낌이 듭니다.. 어차피 다 알아듣기 어려우니 그래도 일단 들어보자는 마음으로 몇강 더 들었는데 들을수록 단어를 모르니 이해가 전혀 되지 않습니다.. 혹시 비전공자가 이 수업을 따라 갈 수 있는 좋은 방법이 있는지 조언 구하고 싶습니다. 일단 이해 안되지만 계속 참고 듣다보면 큰 틀이 이해가 가는 강의 구성인지.. 아니면 강의 중 모르는 단어(ex.스코프, api key 등)을 하나하나 뜻을 찾아보면서 듣는게 맞는지..
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
/todos와 /tasks 명령어 설명 관련 강의를 본적이 있는데 찾질 못하겠습니다.
/todos와 /tasks 명령어 설명 관련 강의를 본적이 있는데 찾질 못하겠습니다. 도와주세요
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
scope 가 뭘까요?
스코프가 뭘까요? 깃허브는 뭘까요? 이번 강의에서 보여주시는건 무엇을 위해 하는건가요? 강의에서 api key를 받는다는대 api key가 뭘까요?
-
미해결타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
쿠키와 헤더
죄송합니다 또 궁금한게 생겨서 여쭈어봅니다 ai에게 물어봐도 항상 이게 진짜 맞는건지 의문이 생겨서 만약 프론트 쪽에서만 next js 에서 헤더랑 쿠키에 접근을 할 일이 그렇게 있을가 하는 의문이 생겨서 질문드립니다. 백엔드가 기본적인 확인을해서 처리를 하고 권한 이나 그런건 api호출을 하면 되지않을가라는 의문이 들어 질문 남깁니다
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
55강
비전공자 입니다 ㅜ 섹션8부터 비전공자 입장에서 너무 이해하기가 어렵습니다..55강에서 스키마 설명 해주셨는데 왜 그리고 어떻게 사용하는지에 대해 추가 설명 부탁드립니다.처음에는 이해가 잘 되어서 미션도 잘 따라했는데 점점 뜬구름 잡는거 처럼 이해가 하나도 되지 않는 개념들이 조각조각 설명 되는 느낌이네요 ㅜ 큰 틀을 이해할 수 없는 느낌이 많이 듭니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
live server 관련
커서에서 live server 을 사용하려고 할 때, 어떤 파일이 열리는건가요? 어떤 파일들은 우클릭하면 liver server 표시가 안되는 것 같아서요.
-
해결됨클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
커스텀 커맨드 질문입니다.
강의를 따라 /git:commit 필요없는 코드 제거 한다음 플랜모드로 미리 계획을 보려했는데요. 아래와 같은 메시지가 뜨는데 왜그런걸까요?현재 플랜 모드가 활성화되어 있어 커밋을 실행할 수 없습니다. 플랜 모드에서는 읽기 전용 작업만 가능하며, git 커밋과 같은 실행 작업은 불가합니다. 커밋을 진행하려면 플랜 모드를 먼저 종료해 주세요 (/plan 명령어로 토글하거나 플랜 승인/거절 후 진행 가능합니다).
-
해결됨클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
[오타] 린캔버스 예시가 배민이 아니라 에어비앤비 같습니다.
https://gymcoding.notion.site/1-2a06a10d310b80ef923df72c7af0bdd0 여기 있는거 배민이 아니라 에어비앤비 같습니다.
-
해결됨한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
전역 모달이 여러 개일 경우 모달 프로바이더는 몇 개가 필요한가요?
전역 모달을 2개 쓰고 싶어서 일단 스토어 2개를 만들었는데요. 모달 프로바이더도 2개를 만들어야하는지, 아니면 하나의 모달 프로바이더에 2개 모달을 모두 넣어도 되는지 궁금합니다. 그리고 만약 하나의 모달 프로바이더에 두 모달을 넣는다면 어떻게 코드를 작성해야 하는지 궁금합니다.// 1번 export default function ModalProvider({ children }: { children: ReactNode }) { return ( <> {createPortal( <> <AModal /> <BModal /> </>, document.getElementById("modal-root")!, )} {children} </> ); } // 2번 export default function ModalProvider({ children }: { children: ReactNode }) { return ( <> {createPortal(<AModal />, document.getElementById("modal-root")!)} {createPortal(<BModal />, document.getElementById("modal-root")!)} {children} </> ); }
-
미해결[React 2부] 고급 주제와 훅
useEffect 의존성 질문
부수 효과로 popstate event listener를 등록하는 부분에서useEffect의 의존성 배열에 path값을 넣어주셨는데, 안 넣는게 맞는 거 아닌가요?
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
User Memory를 선택 시 파일이 열리지 않고 화면과 같이 뜹니다.
-
미해결타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
구지 react를 사용하는 이유가 그럼 있는가?
안녕하세요 수코딩님 갑자기 의문이 든 생각인데 next js 는 보면 프레임워크라서 여러 기능을 제공하고 편리하게 사용할수있는것같습니다 seo문제도 해결해주고 무엇보다 use client를 사용하면 클라이언트 컴포넌트로서 작동도 되고요 근데 그럼 의문이 드는게 둘다 가능하고 선택가능한 next를 쓰는게 무조건 이득이 아닌가 라는 생각이 들엇습니다. 그냥 서버사이드쪽만 서버사이드 좀하고 리액트가 필요한쪽은 클라이언트 사이드 렌더링으로 하면 되는 이야기인것같아서요
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
클로드 코드 붙여넣기 설정
윈도우11 환경에서 cursor내 터미널에서 git-bash로 claude 실행하면3줄 이상 복사 후 붙여넣기를 할때 이미지처럼 표시되는데 이 설정 해제하는방법은 무엇인가요?클로드코드한테 물어봐서"pastePreview": false, "pastePreviewExpanded": true "display": { "pastePreviewLines": 10 }setting.json파일에 위 코드를 추가해도 적용이안됩니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
worktree
클로드의 워크트리 강좌도 있으면 좋겠어요~~!!!!
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
강의 따라갈때 커서가 필수일까요?
현재 커서 AI 설치 과정 진행중인데.. 커서 AI가 꼭 필요할까요?참고로 전 개발자는 아닙니다.현재 교육을 위해 제가 만든 환경은 Azure에 리눅스 VM을 구성해서 Claude code를 이용중입니다. 해당 VM에 터미널 접근을 구글에 안티그래비티를 이용해 접근합니다. 여튼 궁금한 부분은 반듯이 커서 AI 가 있어야 교육을 따라갈 수 있을까요?