graphql 에 이렇게 뜨는 버그 어떻게 해결할 수 있나요?

안녕하세요! dasd님!크롬 업데이트로 인하여 발생된 버그입니다!GraphiQL 이라는 도구를 사용하시면 문제를 해결하실 수 있어요! 아래에 관련 답변 링크 남겨드립니다!https://www.inflearn.com/community/questions/1347018

types.ts 생성 오류

안녕하세요! Ha님!codegen.yaml 설정 파일에서, - typescript 부분에 공백이 필요합니다.아래의 사진을 보시면, 공백이 없어서 하나의 문자로 인식이 되어 버렸네요!(사진)

그래프큐엘로 구글 로그인 질문있습니다.

안녕하세요! 반가우면반갑다고해님!맨 위의 에러 내용을 보니, res.setHeader is not a function 이라고 되어 있네요!res 부분에 context.res가 제대로 전달되고 있는지 확인이 필요할 것 같아요!만약, 제대로 전달되고 있는 것 같다면, 추가적으로 app.module에서 GraphqlModule의 context 설정에서 req, res가 제대로 전달되고 있는지 확인해 주세요! GraphQLModule.forRoot({ context: ({ req, res }) => ({ req, res }), // req는 기본적으로 들어오지만, res는 이걸 작성해야만 들어옴 }),

[싸이월드만들기1탄] wrapper 사이즈

안녕하세요! pmrim01님!따로 지정하지 않은 부모의 크기에 대해서는 자식을 감싸는 최소한의 크기로 만들어 지게 됩니다!

강사님 REST API와 GraphQL에 관하여 질문이 있습니다.

안녕하세요! 건태님! REST-API의 경우에는, 백엔드 개발자분이 API를 만드실 때, DB에서 원하는 데이터를 골라와서 API의 응답으로 프론트엔드에 전달해주게 됩니다!따라서, 백엔드 입장에서는 DB에서 원하는 데이터를 골라올 수 있지만,프론트엔드 입장에서는 백엔드 API에서 응답으로 보내주는 데이터를 통째로 받아와야 하지요! 하지만, GRAPHQL을 사용하게 되면, 프론트엔드 입장에서도 백엔드 API에서 응답으로 보내주는 데이터를 골라서 받을 수 있답니다!

로그인 / 로그아웃 시 이전의 data가 남아있습니다.

안녕하세요! 초무님!아래에 순서대로 답변 드려 볼게요!로그아웃시 처리 이슈=> apollo-client 에서는 로그아웃시 client.resetStore()를 사용해서 제거된 토큰으로 요청했던 api들에 대하여 일괄 재요청하실 수 있습니다!또한, 반대로 모두 제거하되, 자동으로 재요청 하지 않는 방법으로는 client.clearStore() 라는 기능을 사용해 보실 수 있어요. 만약, 로그아웃시 토큰을 필요로하는 캐시만 지우기 위해서는 직접 client-cache를 수정해 주셔야 할 것 같네요!refetch()로 query문을 선언하면 해당 refetch()를 실행하지 않아도 API 요청이 일어나 refetchQueries를 사용해 data 최신화 하려는데 그렇게 되면 모든 탭을 refetch 해줘야 되는 문제가 있습니다.각 탭 이동마다 API 요청 나가는게 싫어서 fetchporicy나 refetch()를 사용 하지 않았는데 보통 어떻게 사용을 하나요?=> 이 질문은 위 1번 질문에 이어지는 내용으로 로그아웃시 토큰이 사라진 유저에 대한 모든 탭의 refetch의 질문으로 이해를 하였는데요! 앞서 말씀 드린 것과 같이 client.resetStore()를 사용하여 변경된 토큰으로 재쿼리를 날려 볼 수 있겠어요!그리고 구매, 충전 등 하면 바로 MyPoint에 업데이트 되도록client.writeQuery / readQeury 나 refetchQueries를 사용했는데 이런 결제 정보 같은거는 refetch로 실시간으로 data를 가져오는게 좋겠죠?=> 실시간 동기화가 중요한 데이터의 경우, refetch를 사용하시는 것이 좋아 보이네요!^^

선생님 accesstoekn재발급 질문있습니다.

안녕하세요! 반가우면반갑다고해님!프로젝트 내에서 graphql을 사용한다면, 수업에서 했던 방식으로 진행됩니다!(실제로도 많이 사용되는 방식이에요!)하지만 만약, graphql, rest 두개를 함께 사용하는 프로젝트의 경우에는, 상황에 따라 장점이 있는 부분을 채택하여 사용하게 됩니다!

04-02-graphql-mutation

안녕하세요! imhj11777님!현재 스크린샷을 보니, 콘솔 탭에서 "오류없음" 메뉴에 선택이 되어 있네요!이 메뉴는 오류가 있는 로그만 필터링 해서 보여주며, 현재 오류는 0개 임을 나타낸답니다!따라서, 전체 로그를 보여주는 메뉴를 선택해 주셔야 하는데,윗 부분의 "11메시지" 메뉴를 선택하시면, 전체 로그 11개가 화면에 보여지게 되실거예요!여기서 다시 한 번 확인해 주세요!^^

23-03-login-check / login-check-success 강의 플레이가 안되네요? 저만 그런가요

안녕하세요! 뷰글리아스님!일시적인 문제가 있었던 것 같아요! 지금은 정상적으로 작동 되는 것 같습니다!

프론트에서 credentials: include로 설정한경우 cors 문제

안녕하세요! 반가우면반갑다고해님!아마도, 백엔드와 프론트엔드를 직접 구현하여 둘의 연동을 시도하고 계신 것 같네요!위에 올려주신 링크를 확인해 보면, 크게 2가지 버전에 의존하고 있기 때문에, 버전에 맞게 적용해 보세요!// 구버전: main.ts 에서 app.enableCors({ origin: "http://localhost:3000", // 요청을 보내는 클라이언트의 주소를 명시 credentials: true, }); // 신버전: app.module.ts 에서 GraphQLModule.forRoot({ ... cors: { origin: "http://localhost:3000", credentials: true, }, })둘 다 해보셨는데도 잘 안되신다면, 에러 메시지와 함께 답글 남겨 주세요!