inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

mockZustand

해결됨

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

안녕하세요. 강의 너무 잘 보고 있습니다. 한 가지 궁금한 점이 있어서 QnA남깁니다. // __mocks__/zustand.js const { create: actualCreate } = await vi.importActual('zustand'); import { act } from '@testing-library/react' const storeResetFns = new Set(); export const create = createState => { const store = actualCreate(createState); const initialState = store.getState(); storeResetFns.add(()=>store.setState(initialState,true)); return store; } beforeEach(() => { act(() => storeResetFns.forEach(resetFn => resetFn())); }); 위의 __mocks__/zustand.js 에서 reset할 때 true를 사용하는 건 이해가 됩니다. 그런데 아래의 mockZustandStore 에서 replace:true 를 넣었는데 왜 넣어줬는지가 궁금합니다. const mockStore = (hook, state) => { const initStore = hook.getState(); hook.setState({ ...initStore, ...state }, true); }; export const mockUseUserStore = state => { mockStore(useUserStore, state); }; replace:true는 완전히 해당 store에 대한 상태,함수들을 교체 하는것으로 알고 있습니다. 넣어준 의도 또는 이유가 있을까요?? 안 넣어주면 생기는 문제들이 있었기 때문에 replace:true로 한건지 관례로 넣었던 건지

  • javascript
  • react
  • 소프트웨어-테스트
  • vitest
Coi 댓글 2 좋아요 0 조회수 89

GitHub 푸시 문의

미해결

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

안녕하세요, api를 활용해서 클로드 코드를 쓰고있습니다. 프로젝트 진행하며 GitHub에 푸시하려고 하는데, api 키가 노출되어 위험하다는 메일을 받게 되었습니다. 혹시 이런 키값 같은 설정값들을 빼고 push 할 수 있는 방법이있나요? 클로드 코드에 물어보니 ignore.md 를 생성해서 다시 push 해주겠다고했는데, 그럼에도 여전히 github에서 env 파일들이 보입니다. 일단 리포지토리를 private 으로 변경하고 작업중이긴하지만, 키 값 노출 없이 Github Pages로 배포해보고싶은데, 가이드를 주시면 감사하겠습니다.

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

[질문] Agent Teams에서 에이전트별 모델 설정이 가능할까요?

미해결

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

그냥 에이전트 하나 쓸 때는 opus plan을 사용했는데 에이전트 팀을 사용할 때 에이전트 별로 모델을 다르게 할 수 있나요? 5x 플랜 사용중인데도 Opus 토큰 소모량이 감당이 안 됩니다;;

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

서브에이전트 프롬프트

미해결

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

강의를 계속 봤는데 PRD, ROADMAP 생성하는 강사님 프롬프트가 없네요 좋은거 같아서요 어디서 확인 가능할까요

  • react
  • 인공지능(ai)
  • claude
헤이나우 댓글 2 좋아요 0 조회수 92

Failed to connect to platform.claude.com: ERR_BAD_RESPONSE

미해결

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

막 설치하고 시작하려고 하니 위와 같은 에러가 나네요...ㅠㅠ 구글링해보니 비슷한 이슈가 많은데 어떻게 해결해야할지 모르겠습니다. ~/study/ai/claude-code-mastery  claude  1 ✘  at 21:52:10 Welcome to Claude Code v2.1.63 ………………………………………………………………………………………………………………………………………………………… * █████▓▓░ * ███▓░ ░░ ░░░░░░ ███▓░ ░░░ ░░░░░░░░░░ ███▓░ ░░░░░░░░░░░░░░░░░░░ * ██▓░░ ▓ ░▓▓███▓▓░ * ░░░░ ░░░░░░░░ ░░░░░░░░░░░░░░░░ █████████ * ██▄█████▄██ * █████████ * …………………█ █ █ █……………………………………………………………………………………………………………… Unable to connect to Anthropic services Failed to connect to platform.claude.com: ERR_BAD_RESPONSE Please check your internet connection and network settings. Note: Claude Code might not be available in your country. Check supported countries at https://anthropic.com/supported-countries

  • react
  • 인공지능(ai)
  • claude
Jay 댓글 3 좋아요 0 조회수 697

shrimp-rules.md 와 CLAUDE.md 의 차이

미해결

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

Shrimp task manager를 사용하여 프로젝트 개발 규칙을 설정하는 "init project rule"을 실행하면 생성되는 shrimp-rules.md와 CLAUDE.md의 차이는 무엇인가요? 정의하는 부분이 다르다면 두 파일의 우선 순위가 있나요?

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

MCP 연결 관련(노션 연결)

미해결

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

안녕하세요. MCP 서버 중 Notion을 연결해보고 있습니다. 클로드 코드를 통해 노션 페이지의 특정 정보를 찾아달라고 요청했는데(예: 내 이력서에 근무기간이 뭐라고 적혀있는지 찾아줘), 시간이 많이(15분 이상) 걸리네요. 이게 원래 이런건지? 궁금합니다. 노션 페이지에서 검색하면 1분도 안걸리는 정보검색인데요. MCP 서버 이용해서 정보를 찾으려면 원래 이렇게 시간이 오래 걸리는 것인지? 궁금합니다. 감사합니다.

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

MCP 연결 관련(노션 연결)

미해결

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

안녕하세요. MCP 서버 중 Notion을 연결해보고 있습니다. 클로드 코드를 통해 노션 페이지의 특정 정보를 찾아달라고 요청했는데(예: 내 이력서에 근무기간이 뭐라고 적혀있는지 찾아줘), 시간이 많이(15분 이상) 걸리네요. 이게 원래 이런건지? 궁금합니다. 노션 페이지에서 검색하면 1분도 안걸리는 정보검색인데요. MCP 서버 이용해서 정보를 찾으려면 원래 이렇게 시간이 오래 걸리는 것인지? 궁금합니다. 감사합니다.

  • react
  • 인공지능(ai)
  • claude
아무러케나 댓글 2 좋아요 0 조회수 146

like 테이블에서 왜 create_at이 필요한지 궁금합니다.

해결됨

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

Table 생성시, 왜 created_at이 필요한가요? like 테이블에는 postId, userId만 있으면 될거같은데요...

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

삭제가 바로 안되네요ㅠ

미해결

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

강의 소스코드를 똑같이 했는데 새로고침 없이 바로 삭제가 안되네요ㅠ 다른거는 api함수를 한 군데에 모은 거 밖에 없는데...

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

prd.md 를 작성해달라고만 했는데 소스까지 다 개발해버리는것 같아요.

미해결

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

prd.md 를 작성해달라고만 했는데 소스까지 다 개발해버리는것 같아요. prd.md와 roadmap.md 만들때까지는 소스코드 개발은 안하게 하는게 맞는 거죠? roadmap 및 task manager로 절차,단계 등을 고민하고 개발 시작하게 하는게 맞는 프로세스이죠?

  • react
  • 인공지능(ai)
  • claude
Soo Jung Lee 댓글 2 좋아요 0 조회수 175

Context7 MCP 설치시 폴더에 .mcp.json 또는 CLAUDE.local.md가 안뜨는 이유?

미해결

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

안녕하십니까. MCP 로컬 서버로 Context7을 다운 받았는데 폴더 안에 .mcp.json, CLAUDE.local.md 파일이 생기지 않습니다. 왜 그런 걸까요?? 클로드에 물어보면 Context7 MCP 플러그인이 로컬 user 기반으로 깔려있다고 하는데 파일이 안생기는 이유가 있는지? 궁금합니다.

  • react
  • 인공지능(ai)
  • claude
아무러케나 댓글 2 좋아요 0 조회수 154

사용하는 에이전트들

미해결

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

얼핏 화면에 보이는 nextjs-supabase-developer.md nextjs-supabase-e2e-tester.md roadmap-generator.md trd-writer.md 이런 파일들은 깃헙에서 찾을 수가 없네요. 사용하고 계신 에이전트들이나 가이드 등 공유 부탁 드립니다.

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

리액트 개정판 교재 질문

해결됨

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

리액트 개정판 교재 질문이 있습니다. 설치를 예전 책 버전에 CRA로 설치를 했는데 개정판은 VITE로 설치를 하나요 그리고 예제도 책이랑 공유되는지 궁금합니다. 여러가지로 강의랑 비슷하면 책도 구매할겁니다!

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

11강 23:35부터 막혀서 질문 드려요.

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

아래처럼 소스도 똑같이 작성하면서 따라왔는데, 화면처럼 나오면서 막힙니다. 이후 코드를 따라서 작성해도 따라갈 수가 없어요... *{ box-sizing: border-box; margin: 0px; } .background { width: 1024px; height: 600px; background-image: url("../images/background.png"); padding: 20px 0px 0px 20px; } .outerbox { width: 800px; height: 544px; background-image: url("../images/outerbox.png"); } .wrapper { display: flex; flex-direction: row; padding: 32px 0px 0px 32px; } .wrapper__left { width: 208px; height: 472px; background-color: bisque; } .wrapper__left__header { width: 100%; height: 30px; background-color: aqua; } .wrapper__left__body { width: 100%; height: 100%; background-color: steelblue; } .wrapper__right { width: 524px; height: 472px; background-color: violet; }

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
kafka 댓글 2 좋아요 0 조회수 115

expo-blur 사용하면서 생긴 버그입니다.

미해결

React Native with Expo: 제로초에게 제대로 배우기

react 19.1.0 react-native 0.81.5 expo ~54.0.23 버전을 알려주시면 질문자분과 동일한 환경에서 답변 드릴 수 있습니다. --- 12. CSS와의 차이점, 비슷한 점 4분 넘어서 블러뷰 적용하는 부분에서 생기는 문제 입니다. 원인은 BlurView때문에 생기는 문제 같고 웹으로 띄우면 별 문제 없는데 안드 앱에서는 문제가 되고 있습니다. 어떻게 해결하는게 좋을까요 ?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
찬우 이 댓글 3 좋아요 0 조회수 189

영상보다 헷갈리는데

미해결

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

서브에이전트랑 ROADMAP.md랑 PRD.md랑 각각 무슨차이이고 무슨 역할인가요? 계속 무언가를 만드는데 비슷한거같고 굳이 왜 각각 만드는지 어느순간 막히네요

  • react
  • 인공지능(ai)
  • claude
오일중 댓글 1 좋아요 0 조회수 88

인기 태그

인프런 TOP Writers

주간 인기글