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 조회수 10

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

미해결

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

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

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

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

문의드립니다.

미해결

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

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

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

자료 한번에 다운받기

해결됨

20,000+ RPS 병렬처리를 위한 네이버 면접관이 알려주는 Reactive 프로그래밍

자료 한번에 다운받아서 열고 싶은데요.. 매번 다운 받고 압축풀고 하는게 귀찮네요 ㅠ

  • java
  • spring
  • spring-boot
  • 병렬-처리
  • webflux
노희석 댓글 1 좋아요 0 조회수 11

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

미해결

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

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

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

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 조회수 50

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 조회수 13

실시간 조건 문자받기.

해결됨

(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

저는 Auto mode가 없어요

미해결

진짜 바이브코딩 올인원 클래스: Claude Code 기초부터 런칭, 운영, 에이전트 자동화까지

저는 ⏵⏵ accept edits on ⏸ plan mode on 이거 두개밖에 안뜨는데 어떻게 하면 되나요? config에서도 보이지 않습니다 claude update도 했고 opus 4.6인데. 도와주세요!

  • git
  • github
  • next.js
  • 인공지능(ai)
  • ai-agent
  • claude
  • 바이브코딩
블레어 댓글 1 좋아요 1 조회수 25

스프링 빈 등록 방법 2가지 다 알아야하는 이유

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예) [질문 내용] 스프링 빈 등록 방법 중 @Autowired를 사용해 자동으로 등록하는 방법과 자바 코드로 직접 스프링 빈을 등록하는 방법 두 가지를 모두 알아야 한다고 하셨는데, 그 이유가 무엇인가요?

  • java
  • spring
  • mvc
  • spring-boot
주지성 댓글 1 좋아요 0 조회수 18

open editor window 가 없어요

미해결

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

cursor에서 editor window 버튼도 보이지 않고 open editor window도 선택이 되지 않네요

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

인기 태그

인프런 TOP Writers

주간 인기글