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

서울 이미지 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

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

실시간 조건 문자받기.

해결됨

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

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

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

저는 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 조회수 26

강의 초반에 생긴 질문

미해결

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

저는 평소에 바이브고딩을 할 때 ide를 많이 사용했는데요. 터미널로 했을 때 어떤 장점이 있을까요?

  • git
  • github
  • next.js
  • 인공지능(ai)
  • ai-agent
  • claude
  • 바이브코딩
양승근 댓글 1 좋아요 1 조회수 33

모든 컴포넌트를 클라이언트 컴포넌트로 했을 때

미해결

타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지

안녕하세요, 저는 회사에서 next.js로 포팅하여 개인적으로 좀 공부하고 있는 학생입니다. 현재 2강 할 일 관리 앱을 보면서 저희 회사의 작업 방식을 함께 생각해봤는데 저희 회사는 꼭 필요한 부분 (iron-session을 이용하여 세션을 가져온다거나)을 제외하고는 죄다 클라이언트 컴포넌트로 바꿔서 사용하고 있습니다. 그래서 이 작업을 진행하면서도 클라이언트 컴포넌트로 모두 바꾸어 진행한다면 어떨까라고 생각이 들었었는데 과제에서는 최소한의 컴포넌트만 클라이언트 컴포넌트로 바꾸라고 하신 이유가 궁금합니다. 감사합니다!

  • javascript
  • react
  • typescript
  • next.js
  • jwt
댓글 3 좋아요 0 조회수 18

할 일 수정 질문

미해결

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

뒤를 들어보지 않고 남겨서 죄송합니다. 이전 코딩 경험으로는 Todo에 있는 todo리스트와 컴포넌트를 전역변수로 만들어서(static)으로 만들어서 다른 모든 컴포넌트에서 참조하도록 하면 훨씬 쉬울 것이라고 예상되는데요. 리액트로 이러한 구조가 있나요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
양승근 댓글 2 좋아요 0 조회수 21

컴포넌트 분리하기 강의 편

미해결

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

checkbox를 커스터마이징 했다는 뜻이 무엇일까요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
양승근 댓글 2 좋아요 0 조회수 34

몽고디비 접속의 건

미해결

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

몽고 DB 접속 중인데요 강의내용 같이 mongodb+srv://admin:qwe123!!@cluster0.ic4ilij.mongodb.net/react_blog?retryWrites=true&w=majority&appName=Cluster0 하고 Connection whit Conection String "Connect"를 누르면 Unable to connect: querySrv ENOTFOUND mongodb. tcp.cluster0.ic4ilij.mongodb.net 라는 메시지와 함께 접속이 안되고 있습니다. 원인과 해결 방안을 여쭤 봅니다. -- 감사합니다.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
bluescreen 댓글 3 좋아요 0 조회수 36

타입 에러 관련 질문입니다.

미해결

Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

todoList 생성하기 에서 content가 계속 타입 에러가 뜨는데 이유가 뭘까요?

  • react
  • 클론코딩
  • next.js
  • supabase
홍정웅 댓글 2 좋아요 1 조회수 30

81강 실습 자료 없음

해결됨

React 마스터 클래스: Part 3 - 실무 핵심 라이브러리 정복 (TypeScript, Zustand, React Hook Form, TanStack Query)

'81강. [Pain] 대규모 삭제 작업 시 발생하는 수많은 요청을 하나로 묶기' 에 관하여 실습 자료가 없는데 혹시 의도된 것일까요?

  • javascript
  • react
  • typescript
  • frontend
  • zustand
Yoon Robin 댓글 2 좋아요 0 조회수 47

코덱스 입력한 텍스트만 받을수 있을까요?

미해결

AI 코딩으로 외주 수주하기: 병원 홈페이지 제작부터 비딩·견적·포트폴리오까지

안녕하세요. 강의를 수강해주셔서 감사합니다. 질문 작성 시 아래 내용을 함께 작성해주시면 보다 정확하고 빠르게 답변드릴 수 있습니다. 현재 진행 중인 섹션 또는 강의명 발생한 에러 내용 관련 코드 콘솔 에러 메시지 기대한 결과와 실제 결과 특히 개발 관련 질문은 코드와 에러 로그를 함께 첨부해주셔야 원인 파악이 훨씬 수월합니다. 또한 이 강의는 실무형 프로젝트 기반 강의이기 때문에, 구현 방식이나 설계 방향이 상황에 따라 달라질 수 있습니다. 질문 전에는: 강의 내용을 다시 한번 확인해보시고 기존 질문/답변에 유사한 내용이 있는지도 함께 확인 부탁드립니다. 수강생분들과 함께 좋은 학습 환경을 만들 수 있도록 서로 존중하는 분위기에서 이용 부탁드립니다. 감사합니다.

  • seo
  • next.js
  • codex
  • cms
  • GA4
bt040404 댓글 1 좋아요 0 조회수 28

사업자 등록

해결됨

AI 개발팀을 운영해 제대로 완성하는 결제 수익화 웹서비스 런칭하기

안녕하세요? 결제 시스템을 만드려면 사업자 등록이 필요한데 별도 세션을 추가로 지원해 주시는 걸까요?^^ 감사합니다.

  • next.js
  • 서비스-기획
  • 수익화
  • ai-agent
  • 바이브코딩
이미승리하였다 댓글 2 좋아요 0 조회수 53

소스코드 제공여부

미해결

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

제가 못 찾은건지 소스코드는 따로 제공되지 않을까요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
김성욱 댓글 2 좋아요 0 조회수 55

62강 실습자료가 잘못되었습니다.

해결됨

React 마스터 클래스: Part 3 - 실무 핵심 라이브러리 정복 (TypeScript, Zustand, React Hook Form, TanStack Query)

62강 실습 자료로는 ' [Solution] Stale-While-Revalidate: 사용자에게는 캐시를, 뒤에서는 갱신을' 에 관한 내용이 나와야하는데, 현재는 '[Pain] 수동으로 관리하던 전역 로딩/에러 상태가 로직을 오염시킬 때' 로 나와있습니다. 62강 실습 자료 교체 부탁드립니다.

  • javascript
  • react
  • typescript
  • frontend
  • zustand
Yoon Robin 댓글 1 좋아요 0 조회수 37

기본 파일 구조

미해결

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

안녕하세요 일반적으로 project를 생성하면 App.tsx 파일이 존재 하는데요 App.tsx 파일이 존재하지 않는 경우는 어떤 경우일까요? 안에 있는 내용을 다른 파일로 옮기는 건가요? 꼭 App.tsx 파일이 필요없는 것 같은데요 개발자가 만들기 나름인가요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
bluescreen 댓글 2 좋아요 0 조회수 52

테마 개발의 한계, 업종이 대체 할 수 있을까요?

미해결

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

안녕하세요. 늘 좋은 정보로 감사드립니다. 예전에 테마 관련 질문을 드렸던 적이 있습니다. 하지만 정확한 테마를 만들기에는 한계가 있음을 확인했습니다. 이에 업종으로 묶으려고 시도 중입니다. kis나 krx에서는 업종을 대분류까지만 나눠 너무 광범위함을 확인했습니다.(예 삼성전자 업종은 전기전자) 네이버를 보니 소분류까지 업종을 잘해놓았던데 어디가 원천인지는 모르겠습니다. 혹시 업종을 소분류까지 나눈 데이터를 가져올 수 있는 방법은 없을까요?

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

mcp 설정 json 코드

해결됨

AI 개발팀을 운영해 제대로 완성하는 결제 수익화 웹서비스 런칭하기

안녕하세요. 강의 언급한 mcp 기능들 설정할 수 있는 json 코드 github링크는 어디서 확인하나요?

  • next.js
  • 서비스-기획
  • 수익화
  • ai-agent
  • 바이브코딩
하히호 댓글 2 좋아요 0 조회수 39

[실습]장부와 금고

미해결

[Rookiss] 클로드 코드 개발을 위한 CS 입문 (인터랙티브 교재)

안녕하세요! 실습하다 질문이 생겨서 남깁니다. 방명록 데이터를 파일로만 관리하는 상황에서, guestbook.csv를 수정했을때 바뀐 데이터가 브라우저에서 새로고침 했을때에 자동으로 반영되는지가 궁금합니다.

  • next.js
  • 인공지능(ai)
  • claude
  • ax(에이전트-경험)
MJ 댓글 1 좋아요 0 조회수 67

인기 태그

인프런 TOP Writers

주간 인기글