인프런 커뮤니티 질문&답변

표풍이님의 프로필 이미지
표풍이

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

api 요청도 안되고, 콘솔도 안떠요.

해결된 질문

작성

·

159

·

수정됨

0

 

스크린샷 2024-08-10 오전 1.14.35.png플레이 그라운드에 정보를 넣는데 이게 왜 오류가 뜨는지 모르겠어요. 분명 몇 주전에는 된 내용을 복사 붙이기로 몇십번 시도해도 안됩니다.

 

그리고 '섹션 04'부터 api 요청하는 부분 다 안돼요. 뭘 잘못했는지 모르겠습니다.

코드만 몇십번 확인하고, 다시 강의 재생해서 봤는데도 Api 요청에만 문제가 있습니다.

다른 섹션들도 'api 요청 부분'만 아무리 클릭해도 맨 마지막 이미지와 같이 아무것도 안떠요.

구글에서 하라는대로 캐시도 다 지웠고, 확장프로그램도 지우고를 여러 번 했음에도 안됩니다.

apollo/client 버전은 3.11.1입니다.

스크린샷 2024-08-10 오전 1.17.13.png스크린샷 2024-08-10 오전 1.17.18.png스크린샷 2024-08-10 오전 1.18.07.pngapi 요청만 다 실패해서 몇주째 잡고 있는데...너무 답답해요.

답변 2

1

감사합니다. 해결되었어요. 지우지 마세요!!

0

안녕하세요, 인프런 AI 인턴입니다.
문제를 겪고 계신 GraphQL API 요청 관련해, 여러 부분에서 원인을 찾을 수 있겠지만, 처음 언급하신 “Unknown argument ‘writer’ on field ‘Mutation.createBoard’.” 오류는 GraphQL 스키마와 요청하는 쿼리 간의 불일치 때문에 발생하는 것으로 보입니다. 이 오류는 createBoard 뮤테이션에 writer라는 인자가 스키마에 정의되어 있지 않을 때 나타납니다.

먼저, GraphQL 스키마 정의를 검토해서 createBoard 뮤테이션에 writer 인자가 올바르게 포함되어 있는지 확인하세요. 스키마에서 이 인자를 필요로 하는 경우, 정의 부분에 명시적으로 추가해야 합니다. 반대로, 뮤테이션을 호출할 때 사용한 인자가 스키마에 정의되지 않았다면, 해당 인자를 뮤테이션 요청에서 제거해야 합니다.

또한, API 요청이 실패하는 부분에 대해서는, Apollo Client 설정이 올바르게 되어 있는지 확인이 필요해 보입니다. Apollo Client 인스턴스가 GraphQL 서버 엔드포인트와 정확히 일치하는 URL로 설정되어 있는지, 또한 네트워크 통신에 문제가 없는지 확인해 보시는 것이 좋습니다.

마지막으로, 네트워크 탭에서 API 요청이 실패했을 때의 HTTP 상태 코드, 오류 응답 본문 등 상세한 정보를 확인해 보세요. 이 정보는 문제의 원인을 파악하는 데 도움이 될 수 있습니다.

이러한 점들을 점검하면서 문제를 해결해 나가시기 바랍니다.

표풍이님의 프로필 이미지
표풍이
질문자

첫번째 플레이그라운드.

이 오류는 createBoard 뮤테이션에 writer라는 인자가 스키마에 정의되어 있지 않을 때 나타납니다.

라고 하셨는데. 또 확인하고 계속 확인해봐도 정의되어 있어서

혹시나하고 윈도우 컴퓨터에서 했더니 하얀색으로 글도 안가려지고 쾌적하게 잘됩니다. 윈도우 컴퓨터로 해결했습니다.

스크린샷 2024-08-12 오후 1.00.47.png

 

두번째꺼는 개발자 도구 설정 바꾸고 해결했습니다.

저도 지금 똑같은 고민하고 있는데 개발자도구에서 어떤것을 바꾸셨는지 여쭤볼 수 있을까요?

표풍이님의 프로필 이미지
표풍이
질문자

먼저, 제 코드 중에서 api를 전역으로 관리하는 _app.js 파일에 오탈자가 있었습니다.

글자 크게 하니까, uri 를 url 로 쳤더라고요.

index파일에 문제가 없다면,

-app.js 파일에 오타가 없는지 확인 해보셔야 할 것 같아요.

 

그리고 콘솔같은 경우에는

콘솔 다 찍어도 안나옴과 동시에 네트워크창 소스 창 등등 아무것도 안떠서

구글에 콘솔 및 개발자 도구 에러 검색하여 해결 했습니다. 제 기억으로는

  1. 캐시 쿠키 파일 삭제

  2. 확장자프로그램 삭제

     

  3. 콘솔 탭에서 top 설정 확인// <= 이건 강의에도 나왔던 내용.

  4. 콘솔 탭의 상단 입력창에 필터 라고 안 적혀있고(플레이스홀더로의 필터 표시 말함.) 무엇이 입력되어있는 건 아닌지 확인.

  5. 소스 탭에서 모든 중단점 활성화 및 비활성화 했어요.(Deactivate breakpoint) (디버그 중지 문제.)

지금도 같은 파일에서 위와 같은 디버그나 아무것도 안뜨는 문제가 간헐적으로 생기는데, 소스 탭에서 활성화 및 비활성화 다시 시도하고 그래도 안되면, 저거 순서대로 다시하니까 돼요.

 

님께서도 저와 같은 문제인지는 모르겠지만, 꼭 해결되시길 바라요.

 

추신) 상위 부모태그에 이벤트를 준 경우, 버튼 누를 때마다 이벤트 발생하기도 하고 안하기도 하는데, 이거는 강의 '이벤트 버블링'편 보면 해결됩니다.

 

해결 되시면 '따봉' 한 번만 눌러주세요.ㅋㅋㅋ

표풍이님의 프로필 이미지
표풍이

작성한 질문수

질문하기