본문 바로가기

728x90

API

(4)
GraphQL header 추가하기 https://boxercat.tistory.com/entry/GraphQL-vs-REST-API GraphQL vs REST API GraphQL은 API를 위한 Query Language이다. 우리에게 더 익숙한 REST API와 GraphQL의 차이점이 무엇인지 알아보고, Next.js에서 GraphQL을 사용하는 방법에 대해 알아보겠다. REST API Representational State Transfer의 약 boxercat.tistory.com 이 글을 보고 프로젝트에 적용해보려다가 401 에러가 뜨는 경우가 있을텐데 대부분 header에 Authorization을 추가하지 않았기 때문일 겁니다. 포켓몬 정보야 API key가 별도로 필요하지 않지만, API key가 존재하는 API나 au..
[GraphQL] Next에서 GraphQL 사용하기 GraphQL은 API를 위한 Query Language이다. 우리에게 더 익숙한 REST API와 GraphQL의 차이점이 무엇인지 알아보고, Next.js에서 GraphQL을 사용하는 방법에 대해 알아보겠다. REST API Representational State Transfer의 약자로 URL로 자원을 표현하고 HTTP 요청을 통해 CRUD를 실행하는 API이다. GET api/todos/1 PUT api/todos/1 처럼 HTTP 메소드와 URL을 조합해서 여러 요청을 할 수 있다. 하지만 REST API에는 2가지 단점이 있다. Over Fetching API 호출 시 필요 이상의 데이터를 가져오는 것이다. API를 요청하면 좋든 싫든 주는 대로 받아야 한다. 따라서, 자신이 클라이언트에 보..
[Adfit] 애드핏 광고 신청 및 사용하기 Vue 프로젝트에 애드핏 광고를 넣는 과정에 대해 포스팅하려고 합니다. 애드핏은 애드센스에 비해 승인이 쉽게 되는 편이라 신경 쓸 내용이 많지 않아 잘만 따라와주시면 수익을 낼 수 있습니다. 그럼 시작하기에 앞서 Adfit 로그인을 먼저 해주세요! AdFit (kakao.com) AdFit 쉬운 정산 적립금 지급 신청 방법이 쉽고 간편하며, 확정 적립금은 현금으로 지급 신청한 후 한 달 이내에 수령 가능합니다. adfit.kakao.com 1. 매체 등록하기 Adfit 시작하기 - 광고관리 - 매체 등록을 눌러주시고 다음과 같이 내용을 채워주시고 등록을 눌러주세요. 2. 광고단위 생성 광고단위 생성 - 다음을 눌러주시면 아래와 같이 뜨는데요 배너를 선택해주세요 옵션 사항은 전부 미설정으로 두셔도 괜찮습니..
[API] 카카오톡 공유하기 API 사용하기 1. Kakao Developers 로그인 후 내 애플리케이션에서 '애플리케이션 추가하기' 버튼을 눌러주세요. Kakao Developers 내 애플리케이션 2. 아이콘, 이름, 사업자명, 카테고리를 작성해주세요 3. 플랫폼 - 플랫폼 설정하기를 눌러주세요 4. Web - Web 플랫폼 등록을 눌러주세요 web 외의 다른 플랫폼 사용시 자신이 개발하고 있는 플랫폼에 맞게 선택해주시면 됩니다. 5. 사이트 도메인을 작성해주세요 배포링크와 함께 로컬호스트도 추가해주셔야 개발 환경에서도 카카오톡 공유하기 API가 정상 작동하는지 확인할 수 있습니다! 저장을 눌러주세요. 6. 메시지 템플릿 작성 메시지 템플릿 | Kakao Developers 도구 위 링크에서 자신의 애플리케이션을 선택하고 템플릿 만들기를 눌러..

728x90