오늘부터는 에러노트를 정리해서 차근 차근 하나씩 적어나가기로 했다. 코딩을 조금 해본 지인은 에러가 날때 짜증을 내기 보다는 '호기심'을 가지고 공부한다는 마음으로 접근해야 실력이 는다고 했기에 에러를 발견할 때마다 어떻게 접근하고 해결했는지를 기입해 보기로 했다.
일단 graphql 에러라고 적혀 있는것을 보니 gql을 날리는 문법에서 에러가 난것이다. $가 들어가야 하는데? 이름인 writer가 들어가 있다고 적혀있다. 무엇이 문제일까?
gql 뮤테이션 부분을 계속 한참을 쳐다봤을까? 왜 안될까? 왜 안될까? 열받아 하다가 아주 간단한 문제임을 알 수 있었다. 그것은 바로...
export const CREATE_BOARD = gql' mutation createBoard(writer: String, $title: String, $contents: String) { createBoard(writer: $writer, title: $title, contents: $contents) { _id number message } } ';
(코드박스 안에 가두기 위해서 원래 gql 다음에 나오는 백틱을 다른걸로 대체했다.
바로 writer를 $로 써서 변수화 시켜주어야 하는데 그냥 이름인 writer를 써준 것이었다. 이 부분에 $를 붙여주자 에러가 해결되고 정상적으로 화면이 구현되는것을 볼 수 있었다.
이제 막 개발공부 시작한 핫! 한 개발자