inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

TS, 리액트 강의중에 뭘 먼저 수강하는게 좋을까요?

미해결

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

🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 더 빠른 답변이 가능합니다! 제목처럼 TS강의, 리액트 강의를 둘 다 들을 예정인데 어떤 순서로 수강하는게 더 효율적일까요?

  • javascript
  • react
  • node.js
  • typescript
cadenzza 댓글 2 좋아요 0 조회수 190

playwright 통합 테스트 지시 영역 문의

미해결

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

playwright mcp 연결 후, claude code에 task에 기능 개발 후 playwright mcp로 테스트 하는 작업 단계가 통화할 때까지 작업해줘 라는 지시는 CLAUDE.md 의 체크 리스트 영역에 포함시키시는 건가요??

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
Yeonny Kim 댓글 1 좋아요 0 조회수 77

Tas kManager 질문

미해결

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

안녕하세요! 강사님은 현재 시점에서도 Task Manager MCP를 잘 사용하시나요?! agents로 만들어 쓰는 사례도 본 것 같아 강사님은 어떻게 쓰시는지 궁금하네요 ㅎㅎ

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
Yeonny Kim 댓글 2 좋아요 0 조회수 113

ClaudeCode 토큰 부족 시 antigravity 를 사용할 경우 ?

미해결

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

안녕하세요 선생님, 지금 클로드코드 pro 버전을 사용 중 입니다. 다만 수업을 진행 시 토큰이 부족하여 고민했던 부분이 구글 계정을 여러개 하여 4개월 무료를 진행해 antigravity를 사용하고 있습니다. antigravity 내에 Claude Sonnet 4.5(Thinking) 모델로 진행하고 있는데. 수업 내용 진행 시 큰 차이점이나 오류나, 제약되는 내용이 있는지 궁금합니다..!!

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
유우리 댓글 1 좋아요 0 조회수 907

터미널에서 ll 명령어 안되고 cursor 접속안됨

미해결

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

안녕하세요. 51강에서 터미널 명령어에 ll 넣어서 진행하시는데 저는 이런 오류 메세지가 발생합니다. zsh: command not found: ll 그래서 ls -al 이런식으로 하는데 동일한건지요? 그리고 cursor CLAUDE.md 명령어로 cursor실행하셨는데 저는 또 이런 에러메세지가 발생합니다. 제가 많이 부족한데 설명 부탁드립니다!! zsh: command not found: cursor

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
창현 댓글 2 좋아요 0 조회수 225

캡처링부분 질문있습니다.

미해결

Next + React Query로 SNS 서비스 만들기

https://inf.run/h6CDM 저도 이분과 동일한 생각을 했는데요 캡처링이 아닌 버블링을 하는게 맞지않나? 라는 생각이 들더라구요 혼돈이 와서그러는데 강사님의 생각을 알수있을까요?

  • react
  • next.js
  • react-query
  • next-auth
  • msw
gogo 댓글 2 좋아요 0 조회수 119

이미지 메모리 누수 관련 질문

미해결

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

createObjectURL로 이미 메모리에 보관된 이미지 파일들은 단순히 filter로 삭제해도 삭제되지 않기때문에, 메모리 누수가 발생된다고 하셨는데요. 1. 실제로 메모리 누수가 발생하고 있는지는 어떻게 확인 할 수 있는건가요?? 2. 또 이미 AI가 많이 발전해버린 뒤에 개발을 접한 저는 수동적인 태도로만 공부를 해서인지, 여기에서 메모리 누수가 발생하겠구나. 이건 이런 문제가 생길텐데 어떻게 해결하지? 하는 생각을 하나도 안 하고있음을 깨달았습니다...어떤 태도로 임해야 저런 생각도 당연하게 할 수 있을까요?ㅠㅠ

  • react
  • typescript
  • react-query
  • supabase
  • zustand
keeenco 댓글 2 좋아요 0 조회수 97

settings.json allow 규칙 적용이 안됩니다.

미해결

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

안녕하세요! 현재 70. MCP 서버 설치 강의를 듣고 따라하는 중인데요, settings.local.json에 permissions > allow 규칙에 "mcp__shadcn"을 등록했는데 클로드가 계속 "mcp__shadcn__*" 관련 명령어를 허용할건지 질문을합니다. 제가 적용한 순서는 클로드 종료 터미널에서 shadcnui 설치 클로드 시작 로그인 기능 구현 요청 프롬프트 실행 첫 번째 질문 나왔을 때 바로 setting.local.json 파일에 "mcp_shacn" 추가 후 저장 이후 첫 번째 질문에 "yes, and don't ask again ~~" 옵션 선택 settings.local.json 수정 후 바로 클로드에 반영안되는건가요? 클로드 껐다 켜면 이전 컨텍스트 날아갈 것 같아서 계속 질문에 답하고 있는데,, 껐다 켜도 되나요?

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

/permissions 질문.

미해결

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

/permissions의 workspace를 설명하실 때, ../로 상위 디렉토리를 참고할 수 있다고 하셨는데, permission 에서 참고하는게 있나요? 그냥 권한설정인데.. 추가로 설명하실 때 A라는 프로젝트를 참고해서 B라는프로젝트를 개발할 때 사용한다고 하시면서 해당 프로젝트의 코드베이스를 참고할 수 있다고 하셨는데요, 이 말이 이해가 안됩니다. permissions는 그냥 권한 설정아닌가요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
행스기 댓글 1 좋아요 0 조회수 153

공식 문서 - 사용자 정의 슬래시 명령어 404 에러

미해결

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

안녕하세요 '커스텀 커맨드 고급: 동적 파라미터' 강의 교안 자료중 [공식 문서] 사용자 정의 슬래시 명령어 페이지가 존재하지 않아 공유드립니다. 프론트매터 참조가 필요하신 분들은 아래 링크에서 확인하실 수 있습니다. https://code.claude.com/docs/ko/skills#frontmatter-reference

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
SeongEun Kim 댓글 2 좋아요 0 조회수 79

56강 alertModalStore 구현 중 질문

해결됨

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

store에서 actions를 생성하고 store를 내보내려고 할 때에 export const useAlertModal = () => { const store = useAlertModalStore(); return store as typeof store & State; }; 이렇게 as 단언문을 추가하셨는데 저는 as typeof store & State 이 부분을 추가하지 않아도 똑같이 추론이 되고 있습니다. const store: Write<State, { actions: { open: (params: Omit<OpenState, "isOpen">) => void; close: () => void; }; }> 둘 다 이렇게 동일하게 나오는데 어떤 차이점이 있는건가요?

  • react
  • typescript
  • react-query
  • supabase
  • zustand
귀한 불도새 댓글 1 좋아요 1 조회수 91

useCallback 적용한 onCreate, onUpdate, onDelete 함수..

해결됨

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

AI 답변으로 해결됐습니다! 강의 제목처럼 말 그대로 재생성 방지였군요..! 마운트 시 생성된 함수를 재사용하기 때문에 리렌더링 되더라도 props로 넘어간 함수는 참조 값이 똑같은 처음 생성된 함수이다. 이해했습니다! 안녕하세요, 강사님! 73강 useCallback과 함수 재생성 방지 강의의 4분 쯤의 내용에 대해 질문이 있습니다. 강의에서, useCallback 적용한 'onCreate, onUpdate, onDelete 함수가 두 번째 인수로 빈 배열을 할당했기 때문에 마운트 이후에는 다시는 생성되지 않는다.'라고 설명해주셨는데요! 그러면, 첫 마운트 이후 todo 아이템을 생성, 수정, 삭제 할 때는 해당 함수들이 어떻게 동작하는 것일까요? 동작은 하되, 생성하지 않는다.. 라고 이해를 해야 하는 걸까요..? 답변해주시면 감사하겠습니다.

  • javascript
  • react
  • node.js
onus 댓글 1 좋아요 0 조회수 87

vs code 자동완성관련 문의

해결됨

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

안녕하세요 module.exports 나 require 등의 node js 관련 기능을 작성하는데 자꾸 자동완성에 의해서 다른 글자로 바뀌네요 ex) module.exports 작성하는데 module 작성하고 '.' 누르거나 require 작성하고 '(' 누르면 다른 거로 바뀜 강사님 화면에서는 자동완성이 나오더라도 안 바뀌는데 혹시 어떻게 설정하셨는지 궁금합니다..!

  • javascript
  • react
  • node.js
망나뇽 댓글 2 좋아요 0 조회수 249

checkbox 캐시 update

미해결

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

todo list 추가/삭제 시 캐시데이터도 각각 따로 해줘야하는 내용은 알겠는데, 현재 체크박스만 변경할 때 캐시데이터를 업데이트 해주는거는 불필요하지않을까 생각이 듭니다. 만약 내용 수정같은경우라면 해줘야하겠지만..(?) 이전코드와 비교해봤을때 checkbox를 수정했을 때 "todo","list" 는 id만 갖고있어 문제는 캐시데이터 업데이트 해줄일은 없고, "todo", "detail"은 바로 업데이트가 되는데 굳이 코드 수정해주는 이유를 아직 모르겠습니다.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
gmldnjs0402 댓글 2 좋아요 0 조회수 80

91강 useEffect내에서 상태변화함수 호출시 발생하는 에러

미해결

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

Error: Calling setState synchronously within an effect can trigger cascading renders Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following: * Update external systems with the latest state from React. * Subscribe for updates from some external system, calling setState in a callback function when external state changes. Calling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. ( https://react.dev/learn/you-might-not-need-an-effect ). 이런 에러가 나오는데요. 작동도 하고, 에러가 아니라 경고에 가까운것 같습니다. 그런데 똑같이 했는데 왜 강사님 화면에는 안뜨고 제 화면에만 뜨는건지 궁금하네요

  • javascript
  • react
  • node.js
김김 댓글 2 좋아요 1 조회수 224

토큰과 컨텍스트 사용량제한 강의에서

미해결

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

새로운 작업을 시작할때 /clear 로 초기화 후 사용하면 좋다고 하셨는대 여기서 말하는 '새로운 작업'이란 만들어지고 있는 내용을 수정할때가 아닌, 완전히 새로운 작업을 시작할때를 말하시는건가요?

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

프로젝트 구현중 statusline-command 오류

미해결

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

매번 강의 잘 보고 있습니다. 수업을 따라 예제를 만드는 중 스크린샷처럼 에러 메세지를 만나게 되어 문의드립니다. 저는 윈도우 환경이라 이전 강의에 status line (상태표시줄)을 만드는 부분이 bash 명령어로는 만들어지지 않아서 powershell 명령어로 확장자가 ps1인 스크립트 파일을 만들어 settings.json에 command 속성에 추가하니 상태표시줄이 정상적으로 출력이 되고 있습니다. 근데 클로드코드에서 프로젝트를 만들거나 커밋을 할때 스크린샷 처럼 bash 명령어로 statusline-command.sh 파일을 계속 읽어오면서 계속 에러메세지를 출력을 하는데 왜 매번 statusline-command.sh을 읽는지 모르겠습니다. 물론 클로드에서 오류를 만나면 다른 방법으로 시도를 계속 하면서 프로젝트를 정상적으로 생성은 하고 있습니다. 하지만 statusline-command.sh을 읽어들이는게 정상이라면 저처럼 powershell 명령어를 사용하는 사람은 .sh 파일이 아니라 .ps1 파일을 읽어오도록 세팅해서 오류를 피하고 싶은데 방법이 있는지 궁금합니다.

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

/init 프롬프트

미해결

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

/init 프로젝트 초기화를 한국어로 진행해주세요. 다음 설정을 CLAUDE.md 에 포함해주세요: ## 언어 및 커뮤니케이션 규칙 - 기본 응답 언어 : 한국어 - 코드 주석 : 한국어로 작성 - 커밋 메시지 : 한국어로 작성 - 문서화 : 한국어로 작성 - 변수명/함수명 : 영어 (코드 표준 준수) 이것을 항상 /init 할 때마다 입력하는 것이 좋을까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
김세일 댓글 2 좋아요 0 조회수 143

87강 필터 함수 질문

해결됨

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

getMonthlyData() 함수의 패턴이 가지는 장점이 있는지 궁금합니다. sql이라면 date 타입에 인덱스를 걸어둘수도 있기 때문에 크기 비교를 하는게 납득이 가는데 그런게 아니라면 아래 코드가 간단하고 가독성이 좋지 않나요? function filterByMonth(data, pivotDate) { return data.filter( (item) => item.date.getFullYear() === pivotDate.getFullYear() && item.date.getMonth() === pivotDate.getMonth(), ); }

  • javascript
  • react
  • node.js
김김 댓글 2 좋아요 0 조회수 81

상태표시줄/출력스타일 설정하면 토큰에 영향이 있나요?

미해결

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

제목처럼 상태표시줄/출력스타일 사용자 정의대로 수정하면 클로드 토큰을 더 먹고 그러는건지요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
최종훈 댓글 1 좋아요 0 조회수 110

인기 태그

인프런 TOP Writers

주간 인기글