분류 전체보기
-
IntelliJ 폴더에서 우클릭으로 프로젝트 열기카테고리 없음 2022. 4. 28. 21:48
컴퓨터\HKEY_CLASSES_ROOT\Directory\shell 위 경로에 IntelliJ IDEA 폴더가 없다면 생성해주고 우클릭 후 새로 만들기에서 문자열 값을 누른 후 위 Open Folder as IntelliJ IDEA Project 값을 입력하여 주고 문자열 값을 하나 더만들어서 값 이름에 Icon을 넣고 값 데이터에는 intellij를 실행시키는 idea64.exe파일이 있는 경로로 잡아준다. 이제 에서 IntelliJ IDEA를 우클릭하여 새키를 눌러서 command 폴더를 생성해준다. 이제 위에서 Icon을 만들었던 것처럼 데이터에"[idea64.exe 경로]" "%1"를 입력해준다. 진행을 다했다면 위와 같이 폴더를 우클릭해서 프로젝트를 열 수 있다. 이제 폴더의 백그라운드에서 우클..
-
Vite를 이용한 React 프로젝트 생성WEB/React 2022. 4. 28. 21:05
필요한 것 - Node https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 링크에 접속하여 Node를 설치한다. 설치가 된다면 npm도 자동으로 설치되기 때문에 npm은 설치할 필요가 없다. 이제 터미널을 열어서 원하는 위치에 아래 명령어를 입력한다. npm create vite@latest blog 위 명령어에서 blog는 프로젝트명이다. 때문에 원하는 이름으로 설정하면 된다. 위 명령어를 입력하였다면. 위와 같은 이미지가 나타난다. 여기서 원하는 프레임워크로 설정한다. 다만 지금은 react로 설정할 것이다. 설정하면 일반 ReactJS로 할 것..
-
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..
-
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..
-
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..
-
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..
-
flutter_inappwebview를 사용할 시 android에서 키보드 안나오는 현상Mobile/Flutter 2022. 4. 19. 21:00
InAppWebViewGroupOptions options = InAppWebViewGroupOptions( crossPlatform: InAppWebViewOptions( useShouldOverrideUrlLoading: true ), android: AndroidInAppWebViewOptions( useHybridComposition: true, ), ios: IOSInAppWebViewOptions( allowsInlineMediaPlayback: true, )); 위 코드를 추가해 주면 된다. 원인은 useHybridComposition가 설정되지 않았기 때문이다.