tranzal tranzal

전체 글

• Kotlin에서 Room 사용하기

  Mobile/Kotlin 2022. 4. 26. 22:15

  안드로이드의 SQLite를 더욱 활용하기 위한 Room이라는 라이브러리이다. 사용하기 위해서는 app/build.gradle에 아래 내용을 추가해야 한다. dependencies { def room_version = "2.4.2" implementation "androidx.room:room-runtime:$room_version" annotationProcessor "androidx.room:room-compiler:$room_version" // optional - RxJava2 support for Room implementation "androidx.room:room-rxjava2:$room_version" // optional - RxJava3 support for Room implementat..

  Read More
• ReactJS에서 Redux 설정

  WEB/Redux 2022. 4. 25. 22:02

  npm install react-redux로 redux를 추가해 준다. 일단 폴더의 대략적인 구조는 아래 이미지와 같다. states 폴더에는 state들이 들어있는 폴더이다. reducers에는 state를 사용할 reducer들이 들어있는 폴더이다. state 파일에는 export const tokenState = { token : "" } 위와 같이 state를 정의한다. reducers 폴더에 들어갈 reducer에는 import {tokenState} from "../states/tokenState"; enum actionEnum { changeToken = "changeToken" } const tokenReducer = (state = tokenState, action : { type : a..

  Read More
• Firebase-React 연동

  WEB/React 2022. 4. 23. 21:51

  웹을 Firebase와 연동하기 위해서는 프로젝트 설정에서 내 앱에 WEB을 추가해야 한다. 추가를 성공했다면 위 이미지 처럼 웹 앱의 항목이 추가된 것을 볼 수 있다. react에 npm install firebase를 입력하여 추가해 준다. 이제 react 소스에서 index.html이 있는 폴더 안에 firebase-messaging-sw.js 파일을 생성해준다. 파일 이름은 무조건 위의 이름으로 해야만 인식을 한다. 해당 파일에 아래 코드를 작성한다. importScripts('https://www.gstatic.com/firebasejs/9.0.0/firebase-app-compat.js'); importScripts('https://www.gstatic.com/firebasejs/9.0.0/f..

  Read More
• Axios 사용 시 API 2번 호출되는 문제

  WEB/React 2022. 4. 20. 22:27

  해당 원인은 Axios 호출이 기본적으로 application/json으로 호출하기 때문에 발생한다. 호출을 확인해 보면 처음 호출은 OPTIONS로 호출됨을 확인할 수 있다. 원인은 CORS 요청이 API 호출 전에 항상 실행되기 때문이다.

  Read More
• Firebase 푸시 메시지(Android)

  Mobile/Flutter 2022. 4. 20. 22:21

  Flutter에서 푸시 메시지를 받기 위한 코드를 작성하는 예제이다. 필요한 패키지는 아래 작성되어있다. flutter_local_notifications firebase_messaging firebase_core AndroidManifest.xml의 application아래 문장을 추가한다. 여기서 value에는 원하는 채널 명을 넣으면 된다. 아래는 전체 코드이다. import 'dart:async'; import 'package:firebase_core/firebase_core.dart'; import 'package:firebase_messaging/firebase_messaging.dart'; import 'package:flutter/foundation.dart'; import 'package..

  Read More