inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

프로젝트 초기화

미해결

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

이번 미션을 진행하면서 궁금한 점이 있어 질문드립니다. 이전 강의에서 프로젝트를 처음 시작시 보통 초기화(/init)하여 claude.md파일을 생성한다고 했는데 이번 미션에는 초기화없이 Plan Mode로 계획을 수립/구현하는데 그럼 구현 후 초기화하면 되는 걸까요? 초기화 하는 시점이 궁금합니다. 그리고 만약 구현 후 초기화하면 코드베이스를 분석하여 claude.md 파일을 생성하면 그 이후에 수정사항은 Plan Mode가 아닌 claude.md 파일에서 지침을 수정하면 이전 컨텍스트를 기억해서 수정하는게 아니라 claude.md 파일을 분석해서 수정하니까 token 소모가 덜 들것 같은데 claude.md 파일을 수정해서 구현을 요청해도 되는 걸까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
지구별여행자 댓글 2 좋아요 0 조회수 160

텍스트 파일 한글 인코딩 깨져서 나오는 문제 질문

해결됨

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

다음 이미지와 같이 hook-test.txt를 생성했을 때 테스트 훅!이 나오는 것이 아니라 다음과 같이 깨져 나오는데 해결방안이 있을까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
로로로도로로 댓글 2 좋아요 0 조회수 1293

/status line 문제

미해결

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

어떻게 해야할까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
김현우 댓글 2 좋아요 0 조회수 200

새로운 기능 추가할때 작업 프로세스 질문

미해결

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

안녕하세요, PRD.md -> ROADMAP.md -> Shrimp 로 작업 쪼개기 후 MVP 만든 후에, 기능을 새로 추가할때마다 똑같은 프로세스 ( PRD.md -> ROADMAP.md -> Shrimp ) 를 반복해야 하나요? 아니면 그냥 클로드에 바로 해당 기능을 추가해달라고 하는게 좋을까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
ae0505 댓글 2 좋아요 0 조회수 71

강의 마지막이 잘려있는것 같습니다

해결됨

부트캠프에서 알려주지 않는 것들 (리액트) 1편

강의 마지막이 잘려있는 것 같습니다

  • react
  • tdd
  • React-Context
  • jest
  • 소프트웨어-테스트
정중한 몽구스 댓글 2 좋아요 0 조회수 84

안녕하세요 9.3 프로필 수정 기능 구현하기 질문드립니다.

미해결

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

마지막 부분인 9.5 프로필 인가부분까지 수업을 들으면서 코드를 작성했는데, ProfileDetailPage가 제대로 렌더링 되지 않아서 질문드립니다. 코드가 혹시 잘못되었을까해서 깃허브 보고 다시 확인했는데, 코드는 강의 내용이랑 맞는 것 같습니다. 뭐가 문제인지 잘모르겠어요

  • react
  • typescript
  • react-query
  • supabase
  • zustand
댓글 3 좋아요 0 조회수 93

이런 플젝 만드는데 얼마나 걸리시나요?

미해결

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

강의에 관한 질문은 아니긴한데 개인적으로 궁금해서 여쭤봅니다..! 강의 설명 준비하시는 거 말고 이 정도 규모 프로젝트 만들 때 얼마나 걸리시나요??.. 사람마다 다르겠지만 대충 기간이 궁금해서요..! 불편하신 질문이었다면 죄송합니당..

  • react
  • typescript
  • react-query
  • supabase
  • zustand
쁘엔 댓글 1 좋아요 0 조회수 122

백엔드 서버 오류납니다.

미해결

한 입 크기로 잘라먹는 Next.js

백엔드 서버 다운받아서 실행하려고 npm run start 했는데 오류가 발생합니다. .env파일도 보이지 않습니다.

  • react
  • next.js
kyk9412 댓글 2 좋아요 0 조회수 110

서브 에이전트 관련 및 커맨드 관련 질문

해결됨

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

안녕하세요. 클로드 코드 강의를 지속적으로 수강하면서 관련 의문점들이 몇 가지 생겨 질문드립니다. 우선적으로 프론트엔드를 기반으로 에이전트 및 커맨드를 생성하고 있는 것으로 강의를 들으면서 받아들여지고 있습니다. 하지만 풀스택 개발자나 혹은 백엔드 개발자, 프론트 작업을 많이 수행하지 않는 사람들은 어떤 식으로 작업을 만들고 진행하는 지에 대해서도 추가적으로 참고 자료나 강의 영상이 있으면 좋을 것 같습니다. 또한 저는 pro 버전을 사용하고 있어 토큰의 부담이 있어 sonnet 모델이 아닌 haiku 모델을 사용하고 있습니다. 차이점에 대한 영상은 보았지만 실제 모델별 코드의 품질 차이를 영상으로 확인할 수 있으면 좋을 것 같습니다. 특히 대형 프로젝트 (프론트, 백엔드, AI가 결합된 경우 각 영역을 담당하는 사람이 다를 경우 건드리면 안된다는 규정을 많이 두는데 이러할 경우 권장 모델 및 서브에이전트, 컨택스트 관리, 커맨드 설정 등 어떤 식으로 해야 되는지) 마지막으로 현재 프로젝트 내에 생성하는 것과 모든 프로젝트 내에서 커맨드와 서브에이전트를 사용하고자 할 때 실제 작성하는 md 파일의 차이점을 실제 눈으로 확인할 수 있으면 좋을 것 같습니다. 이러한 의문점이 발생하게 된 계기는 실제 프론트엔드 지식이 React 정도이고 현재 짐코딩님의 React 강의를 듣고 있는 상황에서 Next.js로 만들다 보니 이해가 잘 되지 않는 점도 있고 실제 목표는 풀스택, 백엔드, 보안 쪽으로 취업하는 것이 목표이기 때문에 이러한 방식으로 활용한다는 점은 좋지만 막상 적용하고자 하니 어떤 식으로 작성해야 될 지 막막한 점이 있어 질문 및 가능하다면 강의 요청을 남기는 것입니다!

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
로로로도로로 댓글 2 좋아요 0 조회수 347

섹션 퀴즈 문제에 대해서 검토 요청

미해결

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

"섹션 9 퀴즈"의 1번 문제, "Claude Code 설정 파일의 올바른 우선순위 순서는 무엇인가요?" 의 정답이 1번, 기업>사용자>프로젝트으로 나오는데, 이 반대가 아닌지 확인하여 주세요. * 공식문서에서 발췌 범위가 상호작용하는 방식 동일한 설정이 여러 범위에서 구성되면 더 구체적인 범위가 우선합니다: Managed (최고) - 아무것도 재정의할 수 없음 명령줄 인수 - 임시 세션 재정의 Local - 프로젝트 및 사용자 설정 재정의 Project - 사용자 설정 재정의 User (최저) - 다른 것이 설정을 지정하지 않을 때 적용 예를 들어, 사용자 설정에서 권한이 허용되지만 프로젝트 설정에서 거부되면 프로젝트 설정이 우선하고 권한이 차단됩니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
YH SHIN 댓글 2 좋아요 0 조회수 52

뭐하나 여쭤봐도 될까요?

미해결

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

안녕하세요 복습하러 들어왔습니다. 그나저나 코딩님.. 뭐하나 여쭤봐도.. 다른 어느 소스를 보니까.. component 1 index.js component2 index.js component3 index.js .. 폴더마다..죄다 ...... index.js 가 있는데... 짐코딩님께 여쭤 봐도 될련지요.. ? 번거로우시겠지만.. 고견 , 첨언 부탁드립니다. (P.S: 또 ..AI가 답변할라나? .쩝) [ AI ] " 컴포넌트 폴더에 index.js 를 두는 리팩토링 팁???? " 리팩토링?... 엥? 저렇게 리팩토리 하라고? ( 거 참..머 할라고 저렇게 한데??? .. ㅡㅡ;;) 코딩님..헬프용. ㅜㅜ;;;

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

자료 Git Source 주소 ??

미해결

실무 중심! FE 입문자를 위한 React

survey-pie 코드 .. 404...error 입니다. 딱 1년 만에 이 강의 들으려고 왔는데... 흐음.. (요즘 트랜드..리액트 버전이나... 암튼... 자료 , 강의는 업데이트 되고 있나요? 종종..수정해서 올리는 강의를 본적이 있어서..) 암튼..주속 확인 부탁드립니다.

  • react
  • redux
  • node.js
  • sass
  • swr
bluescreen 댓글 1 좋아요 1 조회수 97

교육자료 소스 바로 실행시..

미해결

실무 중심! FE 입문자를 위한 React

안녕하세요 문의드립니다. 일단 제공해 주신 소스를 풀어서 실행을 해 보았습니다. (당연히 npm i...관련 module 설치 하고요) 터미널: npm run start를 실행하면 위와 같은 화면만 나오네요. 그리고 개발자 도구 내용을 보면 index.tsx ? .. 소스상에 파일이 없는데 궁금합니다. 일단 실행이 해서 개발 완료된 화면을 보고자 합니다. 실행하기 전에 선행 작업있나요? (각 확장프로그램..등... ) 가이드를 봐도 내용이..(제가 못찾은 건지.) 설명 부탁드립니다.

  • react
  • redux
  • node.js
  • sass
  • swr
bluescreen 댓글 1 좋아요 0 조회수 116

교육자료 소스 바로 실행시..

미해결

실무 중심! FE 입문자를 위한 React

안녕하세요 문의드립니다. 일단 제공해 주신 소스를 풀어서 실행을 해 보았습니다. (당연히 npm i...관련 module 설치 하고요) 터미널: npm run start를 실행하면 위와 같은 화면만 나오네요. 그리고 개발자 도구 내용을 보면 index.tsx ? .. 소스상에 파일이 없는데 궁금합니다. 일단 실행이 해서 개발 완료된 화면을 보고자 합니다. 실행하기 전에 선행 작업있나요? (각 확장프로그램..등... ) 가이드를 봐도 내용이..(제가 못찾은 건지.) 설명 부탁드립니다.

  • react
  • redux
  • node.js
  • sass
  • swr
bluescreen 댓글 1 좋아요 0 조회수 84

rehype-sanitize 설치의 필요성

미해결

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

Rehype-sanitize를 사용하면 어떻게 설정을 하든, <u>에 대한 허용을 설정하든, '밑줄'을 긋는 서식에 대한 결과가 제대로 이루어지지 않습니다. 항상 생략되어 밑줄쳐둔 부분은 삭제되는 결과를 낳습니다. 그래서 드는 생각이, 어차피 제 노션에서 쓴 글을 받아서 작성하는데, 텍스트로 html코드를 이상하게 적어둘것도 아니므로, 굳이 sanitize가 있을 필요가 있나 하는 의문이 듭니다.

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
주병규 댓글 2 좋아요 0 조회수 142

미션 제출기한 문의드립니다!

해결됨

6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

안녕하세요. 미션 제출기한 관련 문의드립니다. 주말에 급한 일정이 생겨 미션 제출을 금주 중에 할 수 있을 것 같습니다. 혹시 미션제츨을 늦게하면 패널티가 있나요..?

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
이정호 댓글 2 좋아요 0 조회수 53

전역상태 관리 선택 기준

미해결

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

안녕하세요. 아직 Zustand강의 까지 보지는 않았는데, 전역 상태 관리 방법으로는 Redux Toolkit, Context API, Zustand 이렇게 세 가지가 있는 것 같습니다. 결국 이 세 가지 모두 전역으로 상태를 관리한다는 점에서는 비슷해 보이는데, 나중에 제가 프로젝트를 할때 이 중에서 어떤 기준으로 선택하는 게 좋은지 궁금합니다.!

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
JEOUNG WOOYOUNG 댓글 2 좋아요 0 조회수 134

tailwind 설치 명령어 관련 질문

해결됨

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

안녕하세요! 강의 노션에서는 이렇게 나와있는데 npx tailwindcss init만으로는 tailwind.config.js만 설치되고, postcss.config.js는 설치가 안되는 게 아닌가요? npx tailwind init -p 명령어를 사용해야 하는지 여쭤보고 싶습니다! 그리고 위 두 명령어만 입력해서 tailwind를 사용하려고 하니 에러가 떠서 찾아보니까 Vite가 postcss.config.js 읽다가 autoprefixer 플러그인을 불러오려고 했는데 , 프로젝트에 autoprefixer 패키지가 설치되어 있지 않아서 터진 거야. 라고 하더라구요 npm install -D tailwindcss@3이 아니라 npm install -D tailwindcss@3 postcss autoprefixer 이 명령어를 사용해야 한다고 해서 사용해보니 에러가 해결된 상태입니다. 노션에 적혀있는 명령어와 달라서 여쭤봅니다! npm install -D tailwindcss@3 postcss autoprefixer npm install -D taiㅇindcss@3 postcss autopnpm install -D tailwindcss@3 postcss autoprefixerrefixer

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
seohyeon kim 댓글 2 좋아요 0 조회수 98

미션5 이미지 첨부

미해결

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

맥, 클로드코드2.1.5, haiku 모델로 사용중인데 플랜모드 뿐 아니라 모든 모드에서 이미지 붙여넣기가 안되네요 다른곳에는 붙여놓기가 됩니다 아래처럼요

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
outflearn 댓글 2 좋아요 0 조회수 99

프리젠테이션 시 사용하시는 마우스/펜 프로그램

미해결

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

안녕하세요. 다양한 색깔의 마우스 펜/ 줄긋기 기능을 사용하시던데, 관련한 애플용 앱 이름이 뭔지 알수 있을까요?? 감사합니다!

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
성명기 댓글 1 좋아요 0 조회수 109

인기 태그

인프런 TOP Writers

주간 인기글