inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

Zustand의 Store 타입은 어떤 기준으로 작성하는 건가요?

미해결

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

안녕하세요, 선생님. Zustand 스토어에 타입을 지정하는 부분이 궁금해서 질문드립니다. 강의에서는 다음과 같이 상태와 액션을 Store 타입으로 선언한 뒤, create 함수의 제네릭으로 전달했습니다. type Store = { count: number; increase: () => void; decrease: () => void; }; const useStore = create<Store>((set, get) => ({ count: 0, increase: () => { const count = get().count; set({ count: count + 1 }); }, decrease: () => { set((store) => ({ count: store.count - 1, })); }, })); 처음 코드를 작성했을 때는 get() 의 반환값과 set 의 콜백 매개변수인 store 에서 타입 오류가 발생해서, 저는 해당 부분마다 타입을 직접 지정해야 한다고 생각했습니다. 그런데 강의를 보니 놀랍게도 create<Store> 처럼 제네릭만 지정해도 set 과 get 에 관련된 타입 오류가 모두 해결되었습니다. 여기서 제가 궁금한 점은 다음과 같습니다. 1. Store 타입에는 왜 count , increase , decrease 처럼 스토어 객체에 들어갈 상태와 액션만 작성하면 되는 건가요? 2. 처음 Zustand를 사용하는 사람은 Store 타입을 이런 형태로 작성해야 한다는 것을 공식 문서의 TypeScript 예제를 보고 알게 되는 건가요? 3. 아니면 패키지의 .d.ts 나 .d.mts 같은 타입 선언 파일을 직접 확인하고, create 와 StateCreator 의 타입 구조를 해석해서 작성하는 건가요? 4. create<Store> 에 지정한 타입이 내부의 set , get , 그리고 set 콜백의 store 타입까지 전달되기 때문에 오류가 해결된 것인지도 궁금합니다. 실제로 라이브러리를 사용할 때는 공식 문서의 사용법을 먼저 따라 하고, 타입이 적용되는 원리가 궁금하거나 오류가 발생했을 때 타입 선언 파일을 확인하는 방식이 일반적인지도 궁금합니다. AI가 아닌 정환선생님이 직접 답변 부탁드리겠습니다.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
유혁스쿨 댓글 0 좋아요 0 조회수 4

4.1) React.js를 소개합니다 강의를 듣고 궁금한 점이 생겼습니다.

미해결

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

강의에서는 React에서 DOM을 흉내 낸 Virtual Dom을 사용하여, 업데이트를 Virtual Dom에 다 모은 후에 한번에 반영하여 DOM을 1회 수정해 시간적인 측면에서 성능을 개선한다라고 설명해주셨다고 이해했는데, Virtual DOM을 수정하는 것이 DOM을 수정하는 것보다 시간이 빠른 이유는 뭔가요?

  • javascript
  • react
  • node.js
승준 댓글 1 좋아요 0 조회수 5

Cursor에서 Bash로 claude 사용하기

미해결

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

ctrl + shift + p를 통해 claude focus를 켜서 사용중인데요 권한관리 강의와 관련해서, 선생님은 Bash 명령어로 작업되었지만 저는 Powershell로 작업되더라구요 Git Bash가 있음에도 그렇게 되는 이유가 뭐까요? 항상 감사합니다.

  • react
  • 인공지능(ai)
  • claude
정효원 댓글 1 좋아요 0 조회수 11

claude cli 외에 cursor에서 claude 바로 켜는 법 등..

미해결

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

claude cli로 켜는 법 외에 강사님께서는 바로 켜시는 것 같던데.. 대체 어떻게 해야되는 걸까요? GPT에 여러번 물어봤으나 답이 안나옵니다 ㅠㅠ 그리고 이전에 질의드렸는데 찾지 못하겠어서.. 강사님은 터미널 쓰실때 node가 뜨는데 저는 bash 또는 powershell이 뜨고, bash의 경우에는 노란색 삼각형에 ! 가 써있는 경고 문구같은게 붙어있어요. 문제가 있는 걸까요? 권한 관리 강의에서 roadmap.md 파일 만들고.. ctrl R을 누르면 작업 내역을 다 볼수 잇다고 하셨는데 ㅠㅠ 대체 왜 저는 select to open 창으로 갈까요.. 항상 감사합니다!

  • react
  • 인공지능(ai)
  • claude
정효원 댓글 1 좋아요 0 조회수 15

Claude가 일부 서브에이전트를 잘 인식하지 못함

미해결

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

안녕하세요. prd를 작성하는 미션을 하다가 질문 드립니다. git에 올려주신 대로 prd-generator 서브에이전트를 만들고 @로 호출해서 prd 작성을 시켰는데요. 내용이 좀 엉성한 것 같아 자세히 봤더니 템플릿 대로 하지 않았더라고요. 왜 그랬냐고 물어보니 prd-generator 없이 자기가 작성했다 -> 왜 그랬냐? prd-generator를 찾지 못했다 -> .claude/agents/docs 폴더 캡쳐 보내면서 왜 있는데 없다고 하는거냐? 시스템에서 not found로 반환되었다. 자기도 원인은 모르겠다 라고 합니다. 혹시나 해서 /exit하고 다시 접속해도 여전히 못 찾더라고요. 그래서 다시 폴더 목록을 캡쳐해줬더니 그제서야 찾고 아래와 같이 답하더라고요. 한번에 서브에이전트를 찾을 수는 없을까요? prd 작성 돌린 것만 몇 번째인지 모르겠어요ㅠㅠ

  • react
  • 인공지능(ai)
  • claude
sehage 댓글 1 좋아요 0 조회수 13

bash에 경고 표시가 떠요

미해결

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

우측 하단에 bash에 노란색 경고 표시가 뜨는데 왜그런 걸까요 어떻게 확인하면 될지.. 선생님께서는 node로 뜨던데 저 부분이 제가 잘못하고 있는 걸까요?

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

파트5. 과거에 통했는지 보는법 백테스트 실행 질문

미해결

AI로 만드는 KR/US 퀀트 트레이딩 노드 분석 시스템 (바이브코딩)

파트5. 과거에 통했는지 보는법 백테스트를 실행하면 0건입니다. 강의처럼 60일전 데이터가 다 안받아져서 그런것 같습니다. 5일전까지만 됩니다. 방법이 있을까요?

  • 투자
  • 퀀트
  • router
  • n8n
  • 백테스팅
  • claude
  • 바이브코딩
여백 댓글 1 좋아요 0 조회수 17

문의드립니다.

미해결

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

클로드pro이상 결재를 못하고 무료로 사용하게되면 mission을 못하게 되는게 그럼 이강의 수료가 안되난요?

  • react
  • 인공지능(ai)
  • claude
박종석 댓글 2 좋아요 0 조회수 28

Claude Code API키 받으려는데 무료는 안되나요?

미해결

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

설치 다하고 실행했는데 웹브라우저에 Claude Code에 연결하려면 Claude Max 또는 Pro가 필요합니다 계정을 연결하려면 Max 또는 Pro 구독이 필요하며, 또는 API 키를 사용하세요. 이렇게 뜨네요 무료는 지원 안하는건가요 이 교육듣기위해서는 결재해야하나요?

  • react
  • 인공지능(ai)
  • claude
박종석 댓글 2 좋아요 0 조회수 22

ingest 스킬이용해서 ingest하는과정에 md파일이 계속 추가되는 계속 MD파일이 추가되도 괜찮을까요?

미해결

Obsidian x Claude Code 나만의 LLM Wiki 만들기

학습중. 옵시디언 Raw 폴더에 자료 스크랩핑? 그걸 3개를했는데 주제가뭐냐면 클로드 최신뉴스, 모니터링, Manage costs effectively 토큰비용 줄이는것에 관한거같은데 여튼 3개를 스크랩핑했는데 이걸 클로드로 ingest 스킬이용해서 ingest하는과정에 md파일이 계속 추가되는데 이걸 계속 승인하면 내용이 비대해지는건지, 아니면 이정도 양은 괜찮은건지 궁금합니다. 잘몰라서 먼저 챗지피티한테 물어보니 비대해진다고 답변내용을 대신 적어줬는데. 예전 클로드 답변을 챗지피티로해서 무지성으로 그냥했더니 규모나 너무 커진 claude.md 파일이 만들어져서 그걸 피하고자 챗지피티에 먼저 질문해본거에요. 여튼 두서없이 적었는데 계속 MD파일이 추가되도 괜찮을까요?

  • 업무-생산성
  • wiki
  • obsidian
  • claude
댓글 1 좋아요 0 조회수 16

WSL Ubuntu 이용 시 md 파일 생성 위치 질문

미해결

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

안녕하세요. 영상을 통해 클로드를 공부하고 있는 클린이입니다. 좋은 영상 올려주셔서 감사합니다. 회사 보안 정책 상 윈도우에서 파워쉘을 이용하는 작업을 할 경우 보안 프로그램이 작동하게 되어 리눅스 환경인 WSL을 생성 및 해당 장소에서 안티그래비티로 클로드 코드 연결해 연습하고 있습니다. 다만, 안티그래비티 및 클로드 코드의 설치 장소가 C드라이브인 탓인지 /memory 명령 시 md 파일이 C드라이브에 생성되고 있습니다. WSL이 연결된 디렉토리에서 작업을 할 경우 /memory 명령으로 생성된 md 파일의 영향을 받을 수 없을 것 같은데 이를 해결하려면 WSL이 연결된 디렉토리에서 클로드 코드와 안티 그래비티를 다시 설치해야 할까요?

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

서울 이미지 10개에 대한 url 접근 불가

미해결

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

[1주차] AI를 '코딩 비서'에서 '개발 파트너'로 04. 🧠 컨텍스트 관리 마스터하기: AI의 두뇌에 청사진 새겨넣기 14) 실전 미션: 컨텍스트 관리 능력 내재화하기 >> 해당 파트의 Part 1: 여행지 비주얼 큐레이션 (Image Context 활용) 을 위해 서울 이미지 10개 링크로 접속했으나 접근이 불가합니다. https://postechackr-my.sharepoint.com/:f:/g/personal/honeyjam_postech_ac_kr/IgBBNaLpG7AaQobyaQ6Mfe9IAQLw7Ft4av6qbShUDeKjyVQ?e=vWujVn

  • spring-boot
  • next.js
  • 인공지능(ai)
  • claude
helee 댓글 0 좋아요 0 조회수 22

.claude 파일

미해결

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

CLAUDE.NEXTJS-STARTERS폴더에 .claude 폴더가 없습니다.

  • react
  • 인공지능(ai)
  • claude
김승태 댓글 2 좋아요 0 조회수 24

CLI gemini 로그인 안됨

해결됨

AI 시대, 반나절 만에 웹사이트 개발부터 배포까지 - 포트폴리오 사이트도 완성 (Gemini CLI, MCP)

Failed to sign in. Message: This client is no longer supported for Gemini Code Assist for individuals. To continue │ │ using Gemini, please migrate to the Antigravity suite of products: https://antigravity.google 메시지 뜨면서 로그인이 되지 않습니다. 실습이 불가한 걸까요?

  • git
  • next.js
  • 인공지능(ai)
  • 바이브코딩
hun00729 댓글 2 좋아요 1 조회수 51

1과업 = 1세션 에대한 질문

해결됨

한상훈식 '클로드 코드' 활용법

안녕하세요 다름이아니라 저는 서로간의 의존성을 파악하라는 의미로 하나의 세션에서 오늘 할일들을 다 쏟아내고(여기서 코드수정은 없습니다) 병렬로 가능한것, 그렇지 않은것을 직접 분류하라고 시켜놓고 각각 워크트리로 개발후 최종적으로 결과보고서를 만들어 달라고하고있는데요. 이런식으면 알아서 1과업 = 1세션으로 관리를 하게될까요?

  • 업무-생산성
  • 소프트웨어-설계
  • 인공지능(ai)
  • ai-agent
  • claude
노강표 댓글 2 좋아요 0 조회수 31

MLOps Engineer가 되려면 뭘 쌓아가야 할까요?

미해결

FastAPI 완벽 가이드

안녕하세요 강사님! 항상 수업 잘 듣고 있습니다. 저는 그간 데이터 분석가를 꿈꾸며, 강사님의 "머신러닝 완벽가이드", "tensorflow cnn", "pytorch cnn", "transformer 구현 ~", "fastapi 완벽가이드", "kaggle ~" 강의를 몇번이고 들으며 익혀왔습니다. "내가 만든 인공지능 모델이 과연 어떻게 쓰일까"에 대해서 고민하다가 fastapi까지 공부했는데요. 이제는 Data Engineering이나 MLOps Engineering 쪽으로 취업하고 싶다고 결정하여 어떻게 어디서부터 공부할지 막막합니다. 찾아보니 사실상 Data Scientist가 하는 업무를 제외하고 배포가 되는 과정까지를 다 할줄 알아야 하고, 요구하는 기술적 요건도 많아보였습니다.(docker, fastapi, vllm, kafka, airflow 등등..) 이에 강사님께서 제가 앞으로 MLOps쪽으로 간다면 어떤 것을 공부하면 좋을 것 같은지, 대학원을 생각해보는게 좋을지 등을 추천해주셨으면 좋겠습니다.. 강사님 강의만 거의 들어온 상태라서 저 강의에 나온 내용을 제외하면 아무것도 모른다고 가정해주시면 감사하겠습니다 !

  • python
  • sql
  • sqlalchemy
  • FastAPI
jcy4023 댓글 2 좋아요 1 조회수 22

html, body에 적용하는 css 스타일 질문입니다.

미해결

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

html, body { margin: 0px; width: 100%; background-color: rgb(246, 246, 246); } 우선 해당 스타일을 body 뿐만 아니라 html 까지 포함 시키는 이유가 궁금합니다. width에 100%를 주었는데, 그 이유와 height에는 100%를 주지않은 이유가 궁금합니다. 자식 요소들의 너비/높이에 %를 준다면 부모 요소의 너비/높이를 기준으로 삼는다는데, 최상위 태그인 html의 너비/높이에 %를 주면 그 기준이 무엇인지도 궁금합니다.

  • javascript
  • react
  • node.js
박준형 댓글 2 좋아요 0 조회수 14

실시간 조건 문자받기.

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

안녕하세요. 더운데 수고 많으십니다. 현재 저만의 웹앱을 만들어 저만의 조건검색식을 만들었습니다. 하루에 한번 조건검색을 만족하는 종목을 찾아줍니다. 여기에 실시간으로(15분봉)으로 조건검색에 맞는 종목을 텔레그램으로 받기 위해서는 어떤 기술스택이 필요한지 궁금합니다. 감사합니다.

  • python
  • flask
  • next.js
  • 인공지능(ai)
홍성우 댓글 2 좋아요 0 조회수 16

자바스크립트 입문 강의

미해결

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

안녕하세요 선생님 항상 좋은 강의 감사합니다. 자바스크립트 문법이 약해 종종 막힐 때가 있어 유튜브로 확인하고 있는데 11~21 내용이 현재 없는 것 같은데 따로 확인하는 방법 있을까요?

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
김지현 댓글 1 좋아요 0 조회수 12

playwrite 와 agent.md ?

미해결

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

/init를 실행하기전에 프로젝트 파일을 보면 claude.md @AGENETS.md 라고 적혀있고 AGENETS.md 에는 <!-- BEGIN:nextjs-agent-rules --> # This is NOT the Next.js you know This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices. <!-- END:nextjs-agent-rules --> 이렇게 적혀있는데 이게 뭔지 모르겠습니다. 그리고 playwrite mcp파일을 설치한적이 없는데 Playwright로 확인 이라고 안내가 나오는데 같은건가요?

  • react
  • 인공지능(ai)
  • claude
김승태 댓글 1 좋아요 0 조회수 24

인기 태그

인프런 TOP Writers

주간 인기글