[TIL] 220710 코드캠프 주말 1주차(일)

mutation / query를 이용한 게시판 이동

일단 상세페이지 UI를 만들었다.뚝딱뚞딲

이후 원래 있던 게시판 등록에 있는 것과, 쿼리를 연결해야 하는데 지금 너무 복잡하므로 새로 연결할 폴더를 만들어서 연결할 파일을 만들어주었다. (query/[Id])

여기서 에러가 약간 발생했었는데, 그 목록은

1. Unhandled Runtime Error - Response not Successful : Received Status code 400

해결방법

1) mutation이 일단 등록이 되지 않는다 -> Playground에 등록이 되는지 확인

• PlayGround에서도 에러가 잠깐 났었는데, 오류가 난 코드는

mutation {
  createBoard(createBoardInput: {
    writer: "asd",
    password: "asd",
  }) {
    writer
  }
}

이거였으며 이런 에러가 떴기 때문에 string 값이 충분히 제공되지 않아서 나는 오류구나 하고

mutation {
  createBoard(createBoardInput: {
    writer: "asdas",
    title: "asd",
    contents: "sd",
    password: "asd",
  }){
    writer
  }
}

이렇게 값을 넣어주니 해결됐다. 그래서 createBoard는 이렇게 쓰는구나 하고 vsCode로 넘어갔다.

2)createBoardInput을 다시보니, writer 부분이 중괄호가 쳐져있어서 데이터 등록이 되지 않았다.
그래도 되지 않아서 왜 그런가 더 들여다보았는데,
받아와야하는 주소가 http://backend08.codebootcamp.co.kr/graphql 이거여야 하는데 수업시간에 쓴 주소로 되어있어서 데이터 저장을 못했던 것이다.

이후 데이터를 받아왔고, 상세페이지로 넘어갈 UI를 만들었으니 두개를 합치기 위해 새로운 파일을 하나 만들어서 쿼리와 연결했다.

다음엔 유튜브가 재생되게 만들고, 좋아요를 누르면 올라가거나 내려가게 만들어봐야겠다.