22,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
2일차 장바구니 작동안하시는분 참고하세요!
꼭 이것이 문제는 아닐수 있습니다 (저는 이렇게 해결됐습니다..!) 2일차를 마추고나니 GET_CART가 새로고침 후 최초 1회만 작동하는 문제가 생기더라고요 1. src/graphql/cart.ts 이 부분 코드가 같은지 확인해주세요 영상에서 편집된것 같습니다(제가 집중안할걸수도..?) 이거를 수정해도 최초 1회만 GET_CART가 작동하는 것은 동일하더라고요 강사님 github(https://github.com/roy-jung/livecode-study_mall) 3일차 commit 코드를 보니 2. src/pages/cart/index.tsx useQuery에서 staleTime, cacheTime을 추가하니 정상작동 하는군요! 제가 앞에서 놓쳤던 부분들이 있어 이러한 문제가 생겼을 수도 있습니다. 혹시 2일차 장바구니에서 오류가 난다면 그저 참고만 해주세요! 제가 삽질을 많이해서 글을 남깁니다,.ㅎㅎ
- 미해결풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
장바구니 정보 가져오기 GET_CART가 딱 한번만 작동합니다
현재 2일차까지 완료한 상태입니다. 밑에글 참고해서 /graphql/cart.ts 파일도 수정했고 강사님 github들어가서 관련있는 코드들 모두 확인해 봤는데 문제를 못 찾았습니다. console.log로 확인해보니 장바구니를 처음 들어갈때 한번만 이 코드가 작동하고 그 이후로는 장바구니에 접속해도 console.log가 찍히지 않는걸로 봐서 작동을 안하는 것 같습니다. 새로고침 이후 다시 장바구니에 처음접속 할때만 작동을하고 다시 작동을 안합니다. 코드 깃헙 주소인데 한번 확인해 주실 수 있으신가요? ㅠㅠ https://github.com/developerkimjh/shoppingmall
- 미해결풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
api respon 시간
api 받아오는 시간이 5 ~ 6초 걸릴정도를 느릴때도 있고, 가끔 빠를때는 0.5초만에 값을 가지고 오는데 fake store api 문제인건가요?
- 해결됨풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
2일차 강의중 에러 문의 QueryClient
1일차까지는 강의를 잘따라가고 있었는데요. 2일차 들어서 에러가 발생합니다. yarn run dev를 실행하면 아래와 같은 메시지가 나옵니다. > Local: http://localhost:3000/ > Network: use `--host` to expose ready in 725ms. X [ERROR] Expected ";" but found "client" src/queryClient.ts:20:15: 20 │ retrun client │ ~~~~~~ ╵ ; Build failed with 1 error: src/queryClient.ts:20:15: ERROR: Expected ";" but found "client" 참고로 아래는 강의 따라가고 있는 깃허브 주소입니다. https://github.com/ucoder-git/vowing-live/blob/main/shopping-mall/src/queryClient.ts import { QueryClient } from 'react-query' type AnyOBJ = { [key: string]: any } export const getClient = (() => { let client: QueryClient | null = null return () => { if (!client) client = new QueryClient({ defaultOptions: { queries: { cacheTime: 1000 * 60 * 60 * 24, staleTime: 1000 * 60, refetchOnMount: false, refetchOnReconnect: false, refetchOnWindowFocus: false, }, }, }) retrun client } })() const BASE_URL = "https://fakestoreapi.com"
- 미해결풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
항상 강의 잘보고 있습니다 !
바빠서 라이브에는 참가못했지만 늦게나마 승선합니다 ㅠㅠ 혹시 프로젝트 진행하실때 cra같은거 보단 직접 세팅하시는걸 많이 보는거 같은데 실무에서도 직접 세팅을 하는것이 더 메리트가 있는건가요? 세팅하는데 시간이 너무 오래걸려서 항상 cra같은걸 사용해왔지만 강사님은 당연한듯이 빈 에디터에서 시작하시는게 존경스럽기도하고 멋져보이기도하고ㅠㅠ 이유가 있나 싶어 질문 드립니다
- 미해결풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
jsx error
안녕하세요, 맥북 사용 중이고 클라이언트 환경세팅 중인데요. import React from 'react'; import ReactDOM from 'react-dom'; import App from './app'; ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById('root') ); 이런 에러가 뜹니다. 'App' cannot be used as a JSX component. ts(2786) Its return type 'void' is not a valid JSX element. 이렇게 나옵니다. 구글에서 찾아봤는데도 해결이 돼지 않아서 문의드립니다.
- 미해결풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
안녕하세요! 장바구니에 왜 담기지 않는지 궁금합니다
깃허브 주소 먼저 첨부드리겠습니다 https://github.com/shinwonse/shopping-mall 핸들러에서 잘못된거 같은데 계속 돌려보면서 따라쳐봐도 어디가 문제인지 모르겠네요ㅜㅜ 혹시 깃허브에 mocks 폴더도 올려주실수있나요?
- 미해결풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
모킹에서 계속 오류가 납니다
모든 과정을 세번씩 돌려보면서 따라했는데도 안되네요... queryClient는 위와 같이구성하였고 BASE_URL은 '/'으로 설정하였습니다. 위와같은 오류가 발생합니다 어떻게 해결하여야할까요? https://github.com/shinwonse/shopping-mall 깃 주소 첨부드립니다
- 미해결풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
안녕하세요 클라이언트 환경세팅 / 라우터 처리 강의에서 명령어가 안되네요
안녕하세요 클라이언트 환경세팅 / 라우터 처리 강의에서 yarn init -y 명령어 치면 안되요