묻고 답해요
167만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결React Native with Expo: 제로초에게 제대로 배우기
router.navigate 동작이 달라졌을까요?
최신 버전에서는 navigate 동작이 바뀐거같네요 "react": "19.1.0", "react-native": "0.81.5", "expo": "~54.0.33", "expo-router": "~6.0.23", 사용하면서 강의 듣는데..router.push는A -> B -> C -> C -> B -> B -> C -> B일 때 뒤로가기 하면 정확하게 역순으로 B -> C -> B -> B -> C -> C -> B -> A 로 동작하는데router.navigate는A -> B -> C -> C -> B -> B -> C -> B 일때B -> C -> B-> C -> B -> A 처럼바로 연달아서 같은 라우터를 연속 클릭햇을 때에만 뒤로가기 할 때 중복이 제거되거 되는 것 처럼 동작하는 것 같아요activity 폴더에 적용한 코드들입니다index.tsximport NotFound from "@/app/+not-found"; import { usePathname, useRouter } from "expo-router"; import { Text, TouchableOpacity, View } from "react-native"; export default function Index() { const router = useRouter(); const pathname = usePathname(); if ( ![ "/activity", "/activity/follows", "/activity/replies", "/activity/mentions", "/activity/reposts", "/activity/verified", ].includes(pathname) ) { return <NotFound />; } return ( <View style={{ flex: 1, justifyContent: "center", alignItems: "center", }} > <View> <TouchableOpacity onPress={() => router.push(`/activity`)}> <Text style={{ color: pathname === "/activity" ? "red" : "black" }}> All </Text> </TouchableOpacity> <TouchableOpacity onPress={() => router.push(`/activity/follows`)}> <Text style={{ color: pathname === "/activity/follows" ? "red" : "black", }} > Follows </Text> </TouchableOpacity> <TouchableOpacity onPress={() => router.push(`/activity/replies`)}> <Text style={{ color: pathname === "/activity/replies" ? "red" : "black", }} > Replies </Text> </TouchableOpacity> <TouchableOpacity onPress={() => router.push(`/activity/mentions`)}> <Text style={{ color: pathname === "/activity/mentions" ? "red" : "black", }} > Mentions </Text> </TouchableOpacity> <TouchableOpacity onPress={() => router.push(`/activity/reposts`)}> <Text style={{ color: pathname === "/activity/reposts" ? "red" : "black", }} > Reposts </Text> </TouchableOpacity> <TouchableOpacity onPress={() => router.push(`/activity/verified`)}> <Text style={{ color: pathname === "/activity/verified" ? "red" : "black", }} > Verified </Text> </TouchableOpacity> </View> </View> ); } _layout.tsximport { Slot } from "expo-router"; export default Slot; [tabs].tsxexport { default } from "."; 3분 강의로 2시간이 사라진.....ㅠㅠ
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
/terminal-setup 이 작동되지 않습니다.
프롬프트 작성하다가 문장 개행하는 순간에 갑자기 프롬프트가 작동되서 뭔가했더니 /terminal-setup을 통해 변경했던 줄바꿈이 다시 option+enter로 바뀌었더라구요..그래서 다시 /terminal-setup을 통해 바꾸려니 이렇게 뜨길래 지피티에 물어보너 cmd+shift+p > shift+enter로 검색 > 사용자로 정의되어 있는걸 삭제해라 해서 해당항목을 삭제했더니 Installed Cursor terminal Shift+Enter key binding이 뜨길래 됐구나 싶었더니 글쓰면서 줄바꿈하려니 다시 옵션+엔터로 바뀌었습니다..도대체 어떻게 해야할까요..? 커서에 있는 터미널에서는 shift+enter는 잘되는데..클로드코드에 있는 글을 쓸때만 옵션+엔터로 밖에 안되네요 ㅠㅠ
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
클로드 코드에게 버전 확인 요청하기 오류
Powershell 터미널 창에서는 버전 확인이 되는데, 클로드 코드 실행 후 확인해달라고 하면 오류가 납니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
ide 연동 관련 질문드립니다.
현재 버그때문에 ide 랑 연동이 안된다는건 이해했습니다.그런데, 연동이 안되어서 그런건지 확장프로그램과 다르게 CLI 환경에서는 내가 선택한 파일이나, 선택 코드 영역에 대해서 질문이나 분석을 실행하려고 할 때 해당 부분을 자동으로 인식을 못해서 일일히 알려줘야 하는 불편함이 있습니다.혹시 이 부분은 CLI 환경에서 어떻게 해결해서 사용하고 계신지 궁금합니다.
-
미해결[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를 선택 시 파일이 열리지 않고 화면과 같이 뜹니다.