Programming/React4 React - youbute project AIzaSyCNXGFsXK7Pmu2SSdfqLffstldUZJ7ulTU 나의 API키 Youtube 프로제트 들어가기 전에 youtube API도 REST API 중에 하나 설정에서 Workspace에서 → workbench → Appearance → Color Customizations settings.json 안에 작성할 내용: { "workbench.colorCustomizations": { "titleBar.activeBackground": "#F54133", "titleBar.inactiveBackground": "#F54133" } } Youtube 재생 유튜브 재생 하는 것을 알아 보고 싶다 → Home에 Play YouTube Video에 iFrame 선택 → sample → iframe .. 2021. 4. 26. React-Postman Postman이 무엇이죠? api를 개발할 때 빠르게 개발할 수 있고 문제를 찾는데도 4배나 빠르게 받을 수있고 api를 협력해서 만들때도 더 효율적으로 만들 수 가 있게 해주는 플랫폼 가입을 필수로 해야함 웹페이지에서도 되지만 다운로드 추천! Postman 어떻게 사용해야 하나요? Collection (예시는 youtube API) Name과 Description을 작석 Authorization에서 Type을 API키로 선택하고 Key에는 key라고 적어주고 Value에는 구글 콘솔에서 받은 키를 쓰고 (남의 키를 쓰면 어디서 얼마만큼 api키를 이용하는지 확인 가능ㅎㅎ) Add to 에서 Query Params를 선택 Variables에서 Collection에서 반복적으로 사용되어지는 값이 있다면 V.. 2021. 4. 26. React - Firebase Firebase? 2011년 만들어져 구글이 인수하면서 적극적으로 밀어주는 파워풀한 툴 어플리케이션을 만들때 빠르게 만들어 주는 기능 로그인 기능을 백엔드 서버부터 구현해서 security까지 보안에 굉장히 신경을 써야 하지만 그런것을 전혀 신경쓰지 않아도 기존의 이메일과 패스워드로 로그인을 안전하게 하는 것 OAuth라고 해서 다른 구글이나 페이스북이나 다양한 매체들을 이용해서 로그인 하는 것도 지원 사용자의 데이터를 서버에 저장 - Cloud Firestore, Cloud Storage 같은 것을 이용하면 사용자의 정보를 저장할 수 있음 Realtime Database - 실시간으로 사용자가 업데이트 하면 다른 사용자가 바로 볼수 있는 쉽게 만들 수 있음 Hosting Crashlytics 사용자가 .. 2021. 4. 26. REST API == Reatful API REST API는 무엇이죠? Representational state transfer의 약자로 백엔드와 클라이언트에서 커뮤니케이션을 어떤 방식으로 할 지를 결정해 놓은 것 클라이언트와 백엔드와 통신을 할 때에 http라는 프로토콜에 이용하고, 어떤 식으로 정보를 주고 받고 업데이트하고 할 건지를 정해 놓은 것이 REST api다. 대부분은 REST api를 쓰지만 한단계 조금 더 간편하게 할 수 있는 것이 GraphQL이 많이 유행하고 있지만 기본적인 REST api를 이해하는 것이 중요! 4가지 메소드 GET : 내가 정보를 서버에서부터 받아 올 때 (url param을 이용) GET 요청을 할 때에는 기본 url을 적은다음에 ?를 쓰면 쿼리파람이 시작 우리가 원하는 것을 더 세부적으로 할 수 있음 그.. 2021. 4. 26. 이전 1 다음