- Today
- Total
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
- websocket
- error
- 비전공자
- nextjs
- 주식차트
- 3주차
- 차트만들기
- 항해99
- graphql
- 코인차트
- Coin
- typescript
- Firebase
- react
- API
- 리액트
- apollo
- 에러
- chart
- javascript
- 코인
- rtk
- nestjs
- Flutter
- typeorm
- 주식
- 차트구현
- Redux
- 채팅
- 차트
목록API (3)
Act99 기술블로그
[React] 주식사이트 만들기-4 코인API 로 차트 만들기 (라이브러리x)
이번에는 코인 차트를 만들 차례이다. 먼저 해야할 일은 RTK Query 를 이용해 api 데이터를 가져오는 일이다. - services/cryptoApi.ts import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react"; const cryptoApiHeaders = { "x-rapidapi-host": "coinranking1.p.rapidapi.com", "x-rapidapi-key": process.env.REACT_APP_CRYPTO_API_KEY, }; const baseUrl = "https://coinranking1.p.rapidapi.com"; const createRequest = (url: string) => ({ u..
[React] 주식사이트 만들기-2 코인API 가져오기 (with Redux toolkit)
오늘은 코인 API 를 가져와 실시간 데이터를 가져오는 작업을 할 예정이다. 결론부터 얘기하면 Redux에 대해 더 공부할 필요성을 느꼈다. (Redux 사용하기 위한 빌드가 꽤 난해하다고 생각했기때문. 또한 docs를 봐도 잘 이해가 되지 않는다. 다만 튜토리얼을 진행하고 직접 사용해보면서 내가 느꼈던 *Props 처리하는데 너무 많은 코드들이 들어간다* 라는 점을 해결하는 툴이라는 것.. ) 그리고 이번에 사용한 것은 Redux toolkit 중에서 RTK Query 이다. 코인 데이터를 가져오기 위해 Rapid API 에서 api-key 와 url 을 제공받았다. https://rapidapi.com/Coinranking/api/coinranking1 Coinranking API Documentat..
[비전공자] Flutter + Firebase | google_sign_in issue: PlatformException(sign_in_required, com.google.android.gms.common.api.ApiException: 4: 4: , null)) 에러가 날 경우
Flutter와 Firebase Auth 를 연동시키다보면 가끔 google_sign_in issue: PlatformException(sign_in_required, com.google.android.gms.common.api.ApiException: 4: 4: , null)) 에러가 뜬다. 가령, 필자의 경우 @override void initState() { super.initState(); // Detects when user signed in googleSignIn.onCurrentUserChanged.listen((account) { handleSignIn(account); }, onError: (err) { print('Error signing in: $err'); }); googleSign..