묻고 답해요
167만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
미션6 나만의 출력 스타일 만들기
먼저 이부분에서 output-style-test를 만드는데 왜 이파일을 만드는지를 모르겠네요.....뒤에는 output-styles파일을 사용하고 어디서 output-styles-test를 쓰나요??
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
큰 프로젝트의 PRD가 길어질때..
오랜만에 뵙네요(?) 강사님~ ^^강의를 한번 더 보려고 처음부터 보고 있는 중인데,현재 프로젝트를 진행하고 있는데 좀 막막한게 생겨서요.. 중견급 회사의 erp류 프로젝트를 만들고 있는데요. 프로젝트가 조금 방대하고 복잡하다 보니깐 PRD 만드는데만 시간이 오래 걸리네요.그래도 어찌저찌해서 만들어봤는데(열댓번 넘게 고친듯..) 이게 문제가 prd 자체가 너무 길어져 버리더라구요. (2000줄이 넘어감)그래서 먼저 작업해야 하는 순서대로 3개 정도로 나누고 공통적인 내용으로 1개, 스키마1개 이렇게 5개로 나누었습니다. 이렇게 prd를 나누는게 맞는 방법인지와 이렇게 해서 쉬림프태스크 매니저에게 어떻게 일을 시켜야 할지 좀 막막해서요 조금이라도 도움이 될만한 정보 부탁 드립니다. 어찌하다보니 이런 프로젝트를 하게 되었는데, 꼭 성공 시키고 싶어요~!
-
미해결실무 중심! FE 입문자를 위한 React
라우터 궁금사항
이미지에서 첫 번째 라우터는 잘 나오는데 두 번째 라우터부터 빈 페이지가 나와요그래서 타고타고 가보니 usestep이 console.log(step)을 찍어보니 id:0 step:0만 계속 출력이 되더라구요근데 SurveyPage에 Questionbox 안에 있는 ActionsButton안에 usestep을 잘 들어가있는데 왜 빈 페이지가 나오는지 모르겠어요
-
미해결React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드
notion 수정
notion 링크로 들어가면, 직접 수정할 수 있던데 맞나요? 제가수정하면 수정이되서요 제 노션 페이지에 https://trusting-apparel-eb8.notion.site/MERN-165aac19ed70801dadd3cb7b34dad16f 링크를 복사해서 자주 들어가고 있는데 제가 해당 링크에 들어가면 수정이 가능해서요
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
커서ai 초기 설정
초기 설정 강의를 보고 있는데, 저는 이 화면만 보이고 있어요 어디로 가야 초기 설정을 할 수 있나요. 설정에 가도 잘 모르겠네요
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
Cursor 사용 관련
안녕하세요. 현재 Jetbrains 계열의 IDE 를 사용하여 개발을 진행중입니다.Cursor 를 사용하지 않는다면 해당 강의를 따라가는데 문제가 될지 궁금합니다.터미널기반으로 claude code 를 실행하는걸 추천하시는것 같은데, warp 같은 터미널 도구를 사용하려고 합니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
터미널 셋업 명령을 해도 shift + enter로 개행이 되지 않습니다
맥, 터미널에서 클로드코드 들어간 뒤에 터미널 셋업했는데 옵션 + enter로만 개행이 됩니다 (원래 설정)
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
Plugin UI다름
/plugin 실행시 강사 화면과 같이 discover, installed 같은 목록이 뜨는게 아니라 1.install plugin~ 2. manage plugin~~ 3. add market place~~ 이런식의 넘버링된 메뉴가 나오는데요..
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
미션4 관련
다음 두 가지 질문이 있는데, 미션4에서 제안해주시 예시 프롬프트에서 조금 더 추가해서 다음과 같이 프롬프트를 작성해서 진행했습니다.[추가한 프롬프트]이 버킷리스트 앱의 UI룰 더 현대적이고 예쁘고 센스있게 개선해줘. 구체적으로: 1. 배경에 그라데이션이나 색상 추가를 해줘. 2. 배경은 전반적으로 Dark theme으로 구성해줬으면 좋겠어. 그리고 그에 맞게 폰트나 아이콘 등의 색상도 변경되었으면 해. 3. 카드 스타일로 버킷리스트 항목 디자인 4. 버튼에 호버 효과 추가 5. 전체적으로 여백과 간격 조정 6. 달성률에 관한 표시는 %로 나타내고 추가적으로 시각화 할 수 있는 도넛 모양이나 바를 적용해줘. CSS 파일을 수정해서 적용해줘. [결과물]위 프롬프트로 진행했을 때, Claude Code에서의 모델을 Sonnet 4.6으로 진행한 경우, 진행이 오래걸렸습니다. 약 5분 가까이 지나도 진행이 되지 않았습니다. 그래서 중단을 하고, /init을 먼저 진행한 뒤, Opus로 진행하니 약 3분도 안 되서 제출한 스크린샷과 같은 결과물이 나왔습니다.Q1. 진행이 빨라진 이유가, Model을 바꿔서 일까요? 혹은 /init을 진행해서 일까요?Q2. 맥 환경인데, Cursor AI에서 터미널이 자꾸 WSL로 뜨는 연유가 뭔지를 모르겠습니다.
-
미해결프론트엔드 마스터클래스
리액트 에러처리 ErrorBoundary+Suspense
질문하기 전에 꼭 읽어주세요!안녕하세요, 프론트엔드 마스터클래스 강의를 수강해 주셔서 감사합니다!질문을 통해 프론트엔드 개념을 더 깊이 이해하고, 실무에 바로 적용할 수 있는 기회를 만들어보세요. 질문을 남기실 때 아래 가이드라인을 참고해 주시면 더 빠르고 정확한 답변을 드릴 수 있습니다. 질문 작성 가이드1. 질문 제목: 리액트 에러처리ErrorBoundary+Suspense2. 질문 내용: 현재 구조가 (case1)index.jsx └ Suspense └ App (lazy import) └ ErrorBoundary (App 내부)이런 구조입니다. index.jsx에서 fetch 를 실패하면 ErrorBoundary 내부의 componentDidCatch에 콘솔은 찍히는데 무한히 찍히고, ErrorBoundary 에서 렌더링 하는 fallback은 보이지 않고 흰 화면에서 앱이 죽습니다.이 구조로 바꿔보니(case2)index.jsx └ ErrorBoundary └ Suspense └ App (lazy import)index.jsx에서 fetch 를 실패하면 ErrorBoundary 의 fallback 이 잘 보입니다.이 구조로 바꿔보니(case3)index.jsx └ Suspense └ App (lazy import) index.jsx에서 fetch 를 실패하면 그냥 기존 화면이 보입니다. 이 원리를 모르겠습니다. 저는 case2 경우에 fetch를 실패가 ui렌더 단계의 실패로 이어지니까 그냥 ErrorBoundary에서 fallback이 보여질거라 예상했는데 왜 흰화면에 무한르프로 앱이 죽는지 모르겠습니다. gpt도 Suspense랑 ErrorBoundary 시점이 꼬여서 그렇다는데 이해가 잘 안가서 질문드립니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
강의 중 사용하는 판서 프로그램이 모에요?
강의 중 주요한 설명을 위해 화면에 그리는 용도로 쓰고 있는 프로그램이 모에요?제가 찾은건 ScreenBrush (스크린브러시, 무료), Presentify (프레젠티파이, 유료) 정도인데 어떤걸 사용하는지 궁금합니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
윈도우OS 권한 모드 전환 단축키
33. 권한 모드 (accept, plan): 프로필 웹 사이트 만들기강의 수업노트(아래 링크) 에는 윈도우 OS에서는 권한모드 전환 단축키가 Alt + M 키로 나와 있는데 실제 테스트 해보니 윈도우에서도 shift + tab 입니다.https://gymcoding.notion.site/accept-plan-24c6a10d310b808fb672e345d35d83e5
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
가이드문서에 관하여
121강 2분 52초에 붙여넣는 가이드 문서에 대해서 질문드립니다. 1강부터 121강까지 오면서 최대한 모든 내용을 흡수하고 싶어서 따라할 필요 없다고 하신 부분도 전부 따라하면서 따라왔습니다. 또한 거기에 더해 현재 제가 진행중인 프로젝트들에 내 워크플로우로 적용해보려고 배운 내용을 활용해서 여러 과정을 시도해보고 여러 서브에이전트(개발용, 문서용 등), CLAUDE.md 메모리, mcp와 커스텀커맨드, task master ai를 활용한 태스크관리 등을 열심히 파봤는데, 정말 머릿속에서 명확히 하고 싶었던 개념이 바로 CLAUDE.md 메모리에서 프로젝트 구조, 개발지침, 서비스 정책 등을 전부 기술하지 않고 분리한 다음 CLAUDE.md에서는 해당 문서 위치만 참조하도록 참조위치를 남기는 것입니다. 그런데 지금껏 실습을 하던 과정에서 저 docs/guides 하위 5가지 문서를 어떤 과정으로 만드는지에 대한 내용을 다룬 적이 없는 것 같아 이전 강의들을 전부 돌려보면서 확인해보는데 찾을 수가 없었습니다. 제공해주신 깃허브 커밋히스토리를 찾아보다가 https://github.com/gymcoding/claude-nextjs-starters/commit/c26931ffa7713ace09151123dc83819402235976해당 커밋에 스타터킷 관련 내용 강의 중 처음 추가된 것으로 생각되는데, 스타터킷 섹션에서 어떤 플로우로 이러한 가이드문서를 제작하고 지속적으로 수정해나가면서 더 좋은 가이드문서를 만들어내는지에 대한 내용을 도저히 찾을 수가 없습니다. 혹시 제가 찾지 못하는건가요? 아니면 강의로 직접 다루진 않았으나 잠깐 언급하시는 형태로 넘어갔었나요? 너무 배우고 싶은 내용입니다.. 저 가이드 문서를 만드는 과정이 처음에는 공식문서 링크를 던져주면서 가이드를 제작하라는 프롬프트를 입력해서 제작을 하신 건지, 아니면 프로젝트 기술 스택을 함께 입력해서 보편적으로 사용되는 규칙들을 직접 프롬프트하신건지 너무 궁금합니다. 아니면 다른 방법인가요? 어떻게 보면 "범용적으로" 어떤 nextjs + shadcnui + tailwindcss + react hook + .. 의 환경을 사용하는 모든 프로젝트에 적용할 수 있는 가이드를 제작하신 건데, 어떻게 제작하고 CLAUDE.md에 연결하게 되신 건지 과정이 너무 궁금합니다. 또는 가이드문서를 따로 두는 기준이 있나요? 저 다섯가지로 초기에 구성한 이유가 궁금합니다.질문 요약1. 2:52에 붙여넣는 가이드문서들이 어떻게 만들어졌는지, 지난 강의에 해당 과정을 정확히 보여주신 부분이 있다면 해당 회차라도 알려주실 수 있나요?2. 어떻게 "범용적으로" 사용가능한 개발 가이드 문서를 만드신 건가요? 그리고 가이드 문서를 따로 분리해야겠다고 생각하신 기준이 무엇인가요? CLAUDE.md의 길이가 길어지는 이유를 제외한 기준이 궁금합니다. 또한 분리를 결정하면 초기버전을 어떻게 제작하시는지 궁금합니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
33.권한모드 강의 중 `\` 의미
33. 권한 모드 (accept, plan): 프로필 웹 사이트 만들기에서 5분47초 영상에서 아래 프롬프트 입력 후 \ 를 입력하는 건 무슨 특별한 이유가 있나요?index.html 에 SNS 링크를 포함하는 섹션을 추가해줘 \
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
. 붙이고 안 붙이고 차이
강의에서npm 명령어들 공식문서에서 들고오는데nextjs 에서 들고오는 npm은 .을 붙이고 나머지는 안 붙이는데 다 붙여도 되는 건지? 아니면 다 안 붙여도 되는 건지 궁금해요
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
커서ai 대신 안티그래비티 설치 관련
안녕하세요. 강의 잘 듣고 있습니다.25. Cursor AI 설치 및 초기 설정관련해서 질문 드립니다.커서 대신 안티그래비티 설치도 가능하다고 하셨는데 안티그래비티 사용 시 클로드코드랑 연동 방법은 어떻게 해야 하는지 궁금합니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
클로드코드에선 shift enter, / enter 다 줄바꿈이 안돼요
안녕하세요 ! 코딩을 처음하는 수강생입니다 ! 다름이아니라 클로드 코드 들어오기전에는 shift enter, / enter 줄바꿈이 가능한데 클로드 코드에 들어오면 어떤걸 누르든 실행이 됩니다. 해결방법 알려주시면 감사하겠습니다 !
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
클로드 코드 설치 문의
설치가 되었다고 하지만 확인이 찾을수 없다고 나옵니다 ㅠ 제가 잘못설치한게 있을까요?
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
이윤민
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
윈도우 git 이름과 이메일 입력 오류
다른 분 문의의 답변 중 git bash에서 입력하니이런 에러메시지가 뜹니다.ㅜ