inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

설치의 필요성

미해결

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

안녕하세요. 워낙 빠르게 변화하다 보니, 배우고 있는 시점에서도 바뀌는 것들이 보이니 따라 가는 것이 힘이 들기도 합니다. Task Manager 관련하여, 현재 버전 기준으로 CLI나 CODEX에서 상당 부분 가능할 것으로 생각이 듭니다. 업무나 개인 프로젝트를 진행 할 때, 이것을 사용하는 것이 합리적인지 궁금합니다. 감사합니다.

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

modal-root질문드립니다.

해결됨

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

안녕하세요 강사님 강의처럼 따라후 돔요소를보니까 modal-root div안에 dialog가 있는게 아닌 body아래 독립적으로 존재하고있는데요 이러면 createportal을 왜쓰는건지 잘 이해가안갑니다.. import { ImageIcon } from "lucide-react"; import { Button } from "../ui/button"; import { Dialog, DialogContent, DialogTitle } from "../ui/dialog"; import { usePostEditorModal } from "@/store/post-editor-modal"; export default function PostEditorModal() { const { isOpen, close } = usePostEditorModal(); const handleCLoseModal = () => { close(); }; return ( <Dialog open={isOpen} onOpenChange={handleCLoseModal}> <DialogContent> <DialogTitle>포스트 작성</DialogTitle> <textarea /> <Button> <ImageIcon /> 이미지 추가 </Button> <Button>저장</Button> </DialogContent> </Dialog> ); }

  • react
  • typescript
  • react-query
  • supabase
  • zustand
나마스테 댓글 2 좋아요 0 조회수 86

모달 여러개 질문드립니다

해결됨

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

안녕하세요 강사님 너무좋은강의 잘보고있습니다 궁금한점은 모달 UI가 페이지마다 다른경우 ( 모달이 여러개인경우 ) 실무에서는 모든 모달을 스토어에 등록하는형식으로 진행하는지 아니면 common-editor-modal같은 컴포넌트에 children을받고 사용하는 페이지컴포넌트에서 그 내부 디자인만 짜고 open등은 한개의 스토어로 관리하는지 궁금합니다

  • react
  • typescript
  • react-query
  • supabase
  • zustand
나마스테 댓글 2 좋아요 0 조회수 69

지금 강의가 어려우신분 추천드립니다.

미해결

코드로 배우는 React 19 with 스프링부트 API서버

코드로배우는 스프링 웹프로젝트 책 '필독' 추천드립니다. 개인적으로 스프링 처음 공부할때 최고의 책입니다.

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
jyl08840 댓글 1 좋아요 0 조회수 73

기존의 완성된 CRUD의 Build.gradle에 security관련 dependency를 추가하면 문제가 생깁니다.

미해결

코드로 배우는 React 19 with 스프링부트 API서버

spring boot 3.4.3버전에 CRUD를 완성해서 로그인 로직을 추가하기로 하였습니다. 문제는 build.gradle 의 dependencies에 dependencies { implementation 'org.springframework.boot:spring-boot-starter-security' testImplementation 'org.springframework.security:spring-security-test' } 를 추가하면 기존의 화면에서 데이터에서 값을 가져오는 부분이 처리 불가 상태가 되어버립니다. 그래서 데이터없이 빈 화면가 표시하는 상태가 되어버리는데, 이런 문제는 어떻게 대처해야 하나요?

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
Jang Jaehoon 댓글 2 좋아요 0 조회수 73

시작하기전에 질문 드립니다.

미해결

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

안녕하세요. 바이브코딩에 관심있게 보다가 여기까지 찾아왔습니다. 개발환경 선택에 대해 먼저 여쭈어 봅니다. 다른분들은 다 괜찮다고 하지만 시작전에 그래도 선택을 하고 가야 하는터라 질문 드립니다. 현재 장비로는 윈도우 데스크탑(메인), 윈도우 노트북, 맥북 이렇게 있습니다. 여기저기 기웃기웃 거리다 보니 강사님들은 맥환경에서 개발을 많이 하셔서 처음 시작하는 사람이 장비가 있다면 맥으로 시작하는게 나을지 아니면 데스크탑으로 하는게 나을지 고민됩니다.

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

tsconfig.app.json 파일 설정(경로 별칭 옵션) 관련 질문입니다.

해결됨

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

# 질문 1 "baseUrl": ".", "paths": { "@/*": ["./src/*"] } 해당 코드를 말씀 하신대로 tsconfig.app.json 파일의 "compilerOptions" 속성의 가장 마지막에 작성하였습니다. 그런데 "baseUrl": "." 부분에 빨간줄이 뜨면서 "'baseUrl’ 옵션은 더 이상 사용되지 않으며 TypeScript 7.0에서 작동하지 않습니다. 이 오류를 무시하려면 compilerOption '"ignoreDeprecations": "6.0"'을(를) 지정합니다.마이그레이션 정보를 보려면 https://aka.ms/ts6을 방문하세요." 오류가 발생합니다. TypeScript 7.0 관련 오류가 났을때 해결방법이 궁금합니다. # 질문 2 이전 시간에서 tsconfig.json 파일에서 오류가 뜨는 경우 Ctrl+Shift+P -> select type 을 통해 TypeScript 버전과 호환성을 맞추라고 말씀해주셨는데요! 그런데 강의에서는 "작업 영역 버전 사용" 항목을 선택하셨었는데, 저는 작업 영역 버전 사용이라는 항목이 뜨질 않네요... 이대로 넘어가도 괜찮은지도 궁금합니다! "VS Code의 버전 사용: 6.0.3"이 떠서 체크했더니 빨간줄은 사라졌습니다. -> VSCode를 껐다 켜니 tsconfig.node.json 파일에도 빨간줄이 뜨는 상황입니다.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
박준형 댓글 2 좋아요 0 조회수 100

output style이 안나와요

미해결

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

teacher라는 output style을 폴더 안에 생성했는데, 클로드를 껐다 켜도 생성이 안되어있습니다ㅜㅜ 뭐가 잘못된걸까요

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

강의제목에 10/15일 삭제라고 나와있는데,

미해결

AI로 코드 짤 때 꼭 알아야 할 프론트엔드 개념 ①

아예 삭제되는건가요..? 아니면 개편되는건지 궁금합니다

  • HTML/CSS
  • javascript
  • vue.js
  • react
  • frontend
  • web-accessibility
  • 인공지능(ai)
무간도 댓글 1 좋아요 0 조회수 65

CRA ? 질문입니다

미해결

코드로 배우는 React 19 with 스프링부트 API서버

안녕하세요 강의 잘 듣고있습니다 CRA 라고 설명해주셨는데 이게 뭔가용?? CSR 혹은 SSR 말씀 하시는건가요 ??

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
jyl08840 댓글 1 좋아요 0 조회수 65

교제 노션 복제 방법 문의

미해결

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

강의 복제가 안되는데 복제 방법 문의드립니다. 잠겨있습니다.

  • react
  • 인공지능(ai)
  • claude
이강훈 댓글 2 좋아요 0 조회수 72

output style은 뭘선택하나요?

미해결

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

default인가요?

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

agent team vs shrimp task manager

미해결

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

안녕하세요! 어떻게 사용하면 좋을지 궁금한게 있어 질문드립니다! 일반적인 개발건은 plan 모드로 계획하고 진행하고 조금더 복잡한 프로젝트 개발은 shrimp task manager 로 계획 하고 실행 한다고 이해했습니다! 그럼 agent team 도 복잡한 프로젝트 개발에 사용할것 같은데 .. 저 같으면 복잡한 작업은 그냥 편하게 team 쓸것 같거든요 ㅠ 자동으로 다 해준다는게 좋은것같아여 ㅠ 근데 또 보면 쉬림프의 장점이 또 있을것 같단 말이죠 .... 복잡한 프로젝트 할때 각각 어떤 상황에 좀 더 사용하기 좋을까요 ??? 감이 안옵니다 ㅠ

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

rules 질문

미해결

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

안녕하세요 복습을 하다가 하나 질문이 생겼습니다. rules를 만들어 놔도 ======== paths 규칙은 "패턴에 맞는 파일을 읽을 때" 자동 로드되는 방식이라 새 파일 생성에서 빠질 수 있었어요. ========= 클로드가 만들어주는 새로 작성하는 파일이 (최초작성) rules 가 적용이 안된상태로 코드가 작성될수 있다는건가요 ?

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

eslint 플러그인 설정

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

예전 강의를 지금 듣는거라 저는 리액트 19버전이여서 그런지 모르겠는데 강의에서는 eslint플러그인 설치하라고 했잖아요 플러그인 설치하면 eslintrc.cjs가 생기고 여기서 설정 추가하라는데 저는 이 플러그 설치했음에도 이 파일이 생기지 않았어용 대신 리액트 설치시 기본적으로 oxlintrc.json이 있는데 여기서 설정하면 되는걸까요?

  • react
김태훈 댓글 2 좋아요 0 조회수 71

onSettled 질문드립니다.

해결됨

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

이전에 onSuccess에서 window.location.reload 하던걸 invalidateQueries로 변경하셨는데 그 이후에 성공할때마다 캐시값을 갱신시키면 부하가있을수있으니 낙관적업데이트로 변경한다고 들었는데요 4.10강좌 캐시데이터 다루기4에서 마지막에 onSettled 함수를통해 데이터 수정이 성공하나 실패하나 무조건 실행되는데 이러면 똑같이 데이터가 크면 부하가있는게 맞을까요? 실무에서도 저러한 방향으로 하는지 궁금합니다.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
나마스테 댓글 2 좋아요 0 조회수 81

shrimp task 관련 질문

미해결

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

shrimp task 를 활용하여 ROADMAP.md 의 전체 항목을 각각 agent 가 수행하게 해서 자동으로 모두 실행되게 하는것이 괜찮은 방법일까요 ? 그렇게 사용하면 shrimp task 를 사용하는 의미가 없어질까요??

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

계획 단계

미해결

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

계획 단계를 설정할 때, plan 모드로 바꿔서 계속 계획을 세우는데, 왜 자동으로 코드를 구현하는지 잘 모르겠습니다 ㅠㅠ

  • react
  • 인공지능(ai)
  • claude
김진성 댓글 2 좋아요 0 조회수 60

저는 클로드 로고가 안떠 있어요 ㅜㅜ

미해결

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

저는 클로드 로고가 안떠 있어요 ㅜㅜ

  • react
  • 인공지능(ai)
  • claude
김준서 댓글 2 좋아요 0 조회수 64

인기 태그

인프런 TOP Writers

주간 인기글