22,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
typeScript에 대한 질문을 어디다가 올려야할지 몰라서 여기다가 남깁니다!
const fetcher = async ( method: METHOD, url: string, ...rest: { [key: string]: any }[] ) => { const res = await axios[method](url, ...rest) return res.data } export default fetcher 위에 ...rest 에 대한 타입이 궁금해서 질문드립니다! 글을 새로 생성하거나 수정했을때 아래와 같이 객체로 정보가 담기게 되는데요! 1. key값은 id, text, timestamp, userId 라고 생각하면 되는건가요? 2. any는 response에 대한 타입인건가요? 3. Array 안에 Object로 감싸져 있어서 { [key: string]: any} []로 타입을 지정해준건가요? 위에 3가지 질문이 궁금합니다.. ㅜ { id: "36e1a2bc-177b-4743-9152-d7423c7b9e18" text: "asd" timestamp: 1654591409339 userId: "jin" }
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
mutation에서 unshift 관련 에러가 나는데 어떤 문제일까요?
관련해서 검색해보며 찾아봤는데 도저히 짐작가는 곳이 없어서 여쭤보게되었습니다. 강사님의 github코드 보면서 오타 확인도 했는데 제가 임의로 timeStamp라고 쓴 변수를 제외하고는 똑같은 걸 확인했습니다ㅠㅠ 캡쳐를 보면 resolver/message에서 30:19번째가 문제라고 나오는데 여기가 unshift를 사용한 곳입니다. 혹시나 해서 push 를 사용해봤는데 역시 같은 문제가 있었습니다. 그래서 messages에 옵셔널 체이닝으로 messages?.unshift를 사용했을 때 createMessage는 실행이 되지만 db에 변경되지는 않는 것을 확인했습니다. 추가적으로 어떤 부분을 확인하면 좋을까요?
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
linkSchema
linkSchema 안에 default 값 주는 부분에서 type을 boolean으로 주는 이유가 있을까요???
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
항상 감사합니다
항상 개념이 헷갈리면 강사님이 하는 코드를 보러 옵니다 ㅋㅋ 근데 개인적으로 그래프 큐엘을 연습하다 궁금한것이 생겨 질문올립니다.저는 저기 날짜 년도 별, 월별로 관리를 하고 싶다고 했을때 어떻게 로직을 처리하는게 좋을까요 백엔드에서처리를 해야하나요 아니면 저렇게 날짜 데이터를 받아서 프론트에서 처리를 해야하는것이 효율적인가요..? 아직까지 실력이 부족해서 1월부터 12월까지 배열을 짜서 해야하나 막막합니다.. {content:"string", date:"2022-03-05"}예를 들어 이런 데이터가 엄청 많을때2022년 3월은 3월콘텐츠 4월은 4월컨텐츠를 리스트로 따로 처리하는 방법은 뭐가 있는지 고수의 팁좀 알려주십시오 ㅠㅠ 로직이 떠오르지가 않습니다 .. 수업과는 조금 떨어지는 질문 죄송합니다 ..
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
질문 있습니다~
` 안녕하세요 선생님 ! get으로 데이터 불러오는 것 까진 잘 되고 있는데 post로 통신할때만 500error가 발생하고 있습니다. 500 error면 서버단에서 문제가 발생하는 것일까요..?
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
질문이 있습니다~
안녕하세요 선생님! 질문 드릴게 있습니다. 처음부터 setState에서 로직을 처리하는게 아닌 아래와 같이 onUpdate 함수에서 msgs를 splice를 하여 updateMsg에 할당해주고 setMsgs((msgs) => [updateMsg, ...msgs]) 수정된 updateMsg를 바꾸어주고 기존의 존재했던 state값을 스프레드 연산자로 코드를 작성하였습니다! 해당 리스트가 삭제되긴 하지만 msgItem이 계속 쌓이고 있는 부분이 있습니다. 어떤 부분이 문제인지 알고싶습니다!
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
늦은시간에 죄송합니다.
강의를 듣다가.. 제 수준에 당황에서 글을 남깁니다.. 혹시 이번강의(routes의 정의)가 이해가 되지 않는다면 어느파트를 집중해서 공부해야하는지 여쭤보고 싶습니다. 처음에는 막연하게 리액트, 타입스크립트를 공부하고 서버쪽 기초를 배우고 싶어, 그래프 큐엘과 아폴로등을 공부하기 위해 강의를 신청햇는데 기본적인 개념조차 안잡혀있는 제자신을 확인 할 수 있는 기회가 되었습니다 ㅠㅠ.. 수업과 관련이 없는 내용이지만 노드js를 공부한 후 듣는 편이 좋을까요 .. 아니면 어디를 공부하여야 할까요.. 답변 기다리겠습니다.
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
질문이있습니다!
안녕하세요! 선생님! params와 query에 대해서 질문이 있습니다. delete 해줄때 client단에서는 params안에 id를 담아서 보내주고 server단에서는 query로 id를 받아야한다고 말씀하셨는데 params로 보내고 params로 받는건 안되는건가요???
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
기타 파일 설치 관련하여
안녕하세요! 환경세팅부분에서 계속막히는데요 ,,저는 yarn 설치 시 yarn lock 이 생성되지 않아 touch lock으로 생성하였습니다. 그 후 client 폴더에서 sass와 axios webpack을 설치하려 하니 다음과 같이 뜹니다. 어느 파일에 무얼 추가하면 될까요? 하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
패키지 삭제하고 다시
안녕하세요 선생님 제가 웹팩 설치할 때 --dev 를 안 붙여서 devDependencies 가 아닌 dependencies에 설정됐는데 yarn remove webpack해도 안되네요 ㅠㅠ 혹시 이럴 경우 어떻게 삭제하고 다시 설치할 수 있나요?
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
reactQuery + graphql 흐름 질문.
reactQuery에대해서 graphql을 호출하는 과정에있어서 에매한 부분이 있는것같아 나름대로 정리를 해봤습니다... 혹시 제가 잘못 이해하고있는 부분이 있을까요!!?? 1. graphql를통한 데이터 불러오기 흐름. (+next.js 서버사이드 렌더링 가정) 1) 서버사이드 렌더링에의해 불러오는 데이터를 hydrate를통해 클라이언트측 cache에 저장시킨다. 2) 최초접속시 useQuery를통해 데이터를 요청하지만, 우선은 당장 cache에 존재하는 데이터를 보여준다. 3) 이후 useQuery를 통해 데이터를 가져왔을떄 기존에 cache에 존재하는 데이터와 비교후, 바뀐부분만 교체시킨다. 4) 이후 새로고침이 발생했을떄 cache에서 데이터를 가져오게됨으로써 빠른 렌더링을 구현 할 수 있게된다. 2. graphql를통한 생성, 업데이트, 제거 흐름. 1) 우선 useMutation을통해 필요한 정보들을 fetcher를 태워 graphql요청을 보낸다. 2) 이후 성공하게되면 client.setQueryData를통해 클라이언트측 cache에 접근하여 데이터를 업데이트 시킨다. 3) 이과정에서 QueryKeys.MESSAGES를 통해 클라이언트측 cache에 접근하여 데이터를 업데이트하게됨으로, 최초 useQuery를통해 불러온데이터가 변경된것과 동일함으로 useEffect의 dependency Array에 전달된 data.messages가 변경된것으로 인식하여, setMsgs가 호출된다. 4) 이과정에서 useQuery의 fetcher는 호출되지않는다. 3. 클라이언트측 cahce를 눈으로 확인할 수 있는 방법이있을까요?(단순히 개발자 도구에서의 애플리케이션탭의 cache부분에서는 확인이 안되는것같아 질문드립니다..!) 또한 이부분이 리덕스의 스토어 역할을 한다고 생각해도되는지 궁긍합니다!
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
리액트 query 질문
클라이언트에서 리액트 쿼리를 활용하여 graphql을 다루는 이유가 있으신가요? 리액트 쿼리를 활용하지않고 graphql를 다룰 수 있는지도 궁금합니다!
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
Query 중첩 질문.
강의 8분부터 schema폴더에서 index,js를 구성하는과정에서 질문드립니다! query ,mutation의 중복을 피하기위해 linkSchema를 정의해서 type Query, type Mutation을 의미없는 값을 설정후에 extend를 사용하면 중복을 피할 수 있다 라고 이해를 했는데 이게 message.js, user.js라는 각각분리된 파일안에서 query가 정의되어도 중복이 발생해서 이렇게 설정해주신건가요??
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
파일 읽어오기 질문..
1. routes/messages.js 2. dbController.js 질문.. 1. console.log로 확인해보면 undefined가 출력되는걸로 봐서 파파일을 못읽어오는거같은데 원일을 못찾겠습니다.. (DB파일의 아이디는 문자열로 바꿨습니다!) 2. 유력한 후보가 경로설정을 잘못해줘서 그런거같은데 basePath를 설정하는과정에서 resolve()가 정확히 무슨 뜻인가요?? 경로를 문자열로 바꿔주는걸로 알고있는데 resolve(basePath, ...); 이렇게 작성된 부분을 해석을 못하겠습니다..
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
userid 미인식문의
안녕하세요 .선생님. URL의 userid 값을 인식못하는 문제가 있네요 ㅜㅜ MsgList.js에서 const userId값을 제대로 받지 못하는것 같습니다. messages.json 파일에는 제대로 들어있는데 못가져오는것 같습니다. 살펴보았는데 제 실력으로 파악이 좀 어렵네요 ㅜㅜ 시간되실때 한번만 살펴봐주시면 감사하겠습니다. https://github.com/imslee100/React-API/tree/67a6b99f164818ed89ac8ff71a2b8be79ff2c8c5
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
SCSS 미적용문의
안녕하세요 .선생님. 2번이나 따라해보았는데 SCSS가 적용이 되지 않는것 같습니다. ㅜㅜ 한번만 봐주실 수 있을까요? https://github.com/imslee100/React-API/tree/43ff3052029174f878762fa0544dfdc031f118fe
- 해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
workspaces 질문
yarn에서 workspaces를 사용하는 이유가 상위폴더에서 하위폴더 (client, server)에 공통적으로 적용시키는 라이브러리를 관리하려고 사용하는건가요?
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
next.config.js 파일미생성
안녕하세요. 환경설정 영상에도 next.config.js 파일이 없는데 이번영상에서 next.config.js파일을 수정하는 부분이 있습니다. 해당 파일은 영상을 따라해도 생성되지 않는데 확인을 요청드립니다. server쪽 폴더에도 작업한 내용이 없는데 영상에는 파일들이 있는것 같습니다. 아마 이전영상에 이어 촬영되지 않은것 같은데 확인을 요청드립니다.
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
서버오류발생
선생님. 환경세팅 화면 그대로 따라했습니다. localhost:3000에서 아래와 같은 오류가 뜨네요.. 혹시 코드 챕터별 commit된 github은 없는지 궁금합니다.
- 미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
yarn 문의
yarn 말고 npm을 init과 script에서 써도 될까요?