CORS 에러란 무엇인가?브라우저가 보안상의 이유로 다른 도메인의 리소스 요청을 차단할 때 발생하는 오류입니다. Same Origin과 Cross Origin : 요청 방식에 따른 CORS 발생 여부1. , , , 태그기본적으로 Cross-Origin 정책을 지원합니다. (다른 사이트의 리소스를 접근할 수 있다.) 2. XMLHttpRequest, Fetch API 스크립트기본적으로 Same-Origin 정책을 지원합니다. (서로 다른 도메인에 대한 요청을 제한한다.)브라우저는 기본적으로 자신의 서버 연결만 허용되도록 설정되어 있습니다.fetch('https://third-party-test.glitch.me/check.svg>') .then(response => response.blob()) ..
GraphQL 실패 시 상태코드 관리일반적으로 HTTP 통신에서는 통신이 실패하면 4**, 5** 대 에러를 반환합니다. 하지만 GraphQL에서는 성공해도 200, 실패해도 200으로 에러를 반환하고 있어 이렇게 처리하는 이유에 대해 궁금했습니다. 200대로 처리하는 이유를 찾아보고 에러 코드를 어떻게 클라이언트에게 전달할지 고민하였습니다.(1) 서버 단에서 통신 실패 시 상태 코드를 변환할 것인지, (2) error 메시지 안에 상태 코드를 전달할 것인지 고민하였습니다. GrpahQL 실패 시 200 코드를 반환하는 이유1. Multiple 요청 처리GraphQL에서는 단일 요청뿐만 아니라 여러 개의 Query나 Mutation을 처리할 수 있습니다.일부 요청이 실패할 수 있고, 성공할 수도 있어 M..
이번 장에서는 GraphQL을 통해 조회하는 방법과 조회하는 객체를 정의하는 방법에 대해 작성하겠습니다. 1. 조회하는 방법POST 메서드를 통해 하나의 API로 요청을 보냅니다.조회의 경우 query { ... } 를 body에 담아서 전송합니다. (query 지시어는 생략 가능)조회하는 필드를 작성하여 클라이언트 측에서 필요한 데이터만 받을 수 있습니다. (REST에서 overfetching 문제 개선) 2. 조회하는 객체조회하는 객체는 일반적으로 type { ... } 으로 선언합니다.! 기호가 붙으면 non-null type을 의미하며, [ ... ] 는 리스트 객체를 의미합니다.Scalr 타입으로 Int, Float, String, Boolean, ID가 있습니다. ID는 객체를 다시 요청하거나..
웹 애플리케이션을 개발하다 보면 checkbox를 통해 동의 여부와 같이 사용자에게 선택을 요구하는 경우가 있습니다.저는 쇼핑몰 사이트를 개발하면서 관리자 입장에서 구매 내역을 관리하면서 결제 여부, 취소 여부, 환불 여부를 관리하는 부분에 있어 헷갈렸던 부분을 기록하고자 합니다. 관리자 구매 내역 수정 "> " alt="상품 이미지" style="width: 30%;"> 상품명 : 구매자 : ..
