Frontend 프론트엔드

[ 12 ] 데이터 통신 실습

박민우_ 2024. 6. 11. 17:51

restAPI 요청 실습 

 

 

graphql 요청 실습 

 

mutation {
  createProfile(name :"밍우", age :22, school:"홍익대학교"){
    message
  }
}

 

기본 키를 알 수 없어 좋지 못한 예시 코드 

 

mutation {
  updateBoard(number : 24073,writer : "밍우", title :"수정" , contents : "내용"){
    message
  }
}

// 이렇게 하면 기본 키가 무엇인지 알 수 없어서 좋지 못한 코드이다.

 

기본키를 명시한 좋은 예시 코드 

 

mutation {
  updateProduct(productId : "d36dc9b8-6244-481d-8be1-20c644edf4b1" , updateProductInput :{
    name :"키보드ㅋ",
    detail :"M720",
    price :11000
  }){
    number
  }
}

응답값이 객체가 아니라면 받을 객체의 속성 이름을 적어주지 않아도 된다. {} 안적어도 된다 

 

요청값

query {
  fetchBoardsCount
}

 

응답값

{
  "data": {
    "fetchBoardsCount": 1545
  }
}
728x90