anonymous?

프로젝트에서 클라이언트 앱에 띄울 알림 기능을 구현해야 해서 FCM 을 처음 사용해보았다. 원하는 기능은 클라이언트 앱에서 특정 이벤트가 발생했을 때 특정 사용자에게 알림을 보내는건데, Firebase Console (GUI)에서 이것저것 해보았지만 해당 기능을 구현하기엔 부족했다. 콘솔 GUI에서 알림을 보내는 기능은 전체 사용자나 특정 그룹 대상으로 공지나 이벤트 등을 알려야 할 때 유용할 것 같다. 공식 문서도 참고해보고 구글링으로 참고를 해보았는데, 공식문서는 뭔가 친절하지는 않고 구글링에서는 내가 구현하는 기능 예시를 찾기 어려웠다. 결과적으로는 공식 문서와 Firebase Github 예시 코드를 참고해서 원하는 기능을 구현할 수 있었다. 어떻게 Spring 서버에서 안드로이드로 알림을 보내는..

PROGRAMMING/Mobile 2022. 3. 9. 01:39

프로젝트 생성 npx react-native init ch02_2 --template react-native-template-typescript TypeScript React Native 프로젝트를 생성한다. Hello JSX World! import React from 'react' import { SafeAreaView, Text } from 'react-native' export default function App(){ return( Hello JSX World! ) } App 함수의 return 문 내 코드는 XML(eXtensible Markup Language)로, 태그 이름을 자유롭게 할 수 있다. JSX JavaScript + XML. React Native에서 JavaScript 코드와..

PROGRAMMING/Mobile 2021. 8. 30. 22:26

npm ERR! 404 Not Found - GET https://registry.npmjs.org/react-native-template-react-native-template-typescript - Not found npm ERR! 404 npm ERR! 404 'react-native-template-react-native-template-typescript@latest' is not in the npm registry. npm ERR! 404 You should bug the author to publish it (or use the name yourself!) npm ERR! 404 npm ERR! 404 Note that you can also install from a npm ERR! 404..

PROGRAMMING/Mobile 2021. 8. 29. 20:46

tsconfig.json 파일 생성 TypeScript 설정 파일인 tsconfig.json 파일을 프로젝트의 root 경로에 추가한다. { "compilerOptions": { "allowJs": true, "allowSyntheticDefaultImports": true, "esModuleInterop": true, "isolatedModules": true, "jsx": "react", "lib": ["es6", "es2017"], "moduleResolution": "node", "noEmit": true, "strict": true, "target": "esnext", "skipLibCheck": true }, "exclude": ["node_modules", "babel.config.js", ..

PROGRAMMING/Mobile 2021. 8. 24. 21:03

리액트 네이티브 프로젝트 생성 npx react-native init ch02_1 --template react-native-template-typescript 프로젝트 생성 이후, ch02_1 디렉터리가 생성된다. Android 애뮬레이터 실행 Android 애뮬레이터(BlueStacks, Android Studio 등)의 디바이스를 실행해놓는다. 이후 애뮬레이터 실행(npm run android)을 한다. npm run android 이후 BlueStacks에서 ch02_1 앱이 실행된 것을 확인할 수 있었다. (BlueStacks를 실행한 상태에서 진행했다.) Android Studio의 경우, [Configures]-[AVD Manager]로 Android Virtual Device Manager..

PROGRAMMING/Mobile 2021. 8. 24. 17:08

Scoop 설치 Window PowerShell을 관리자 권한으로 실행 후, 다음 명령어 입력 Set-ExecutionPolicy RemoteSigned -scope CurrentUser 위의 물음에 모두 예(A) 선택한다. 이후 SCOOP 이름으로 환경변수 설정을 한다. 환경변수로 설정하면, Scoop으로 프로그램 설치할 때 환경변수 설정 과정을 생략할 수 있다. iex (new-object net.webclient).downloadstring('https://get.scoop.sh') 위의 명령어를 실행하면 C:\Users\johan\scoop 경로에 scoop이 설치된다. scoop 명령어를 이용할 수 있다. Node.js 설치 React Native 개발 시 Node.js가 필요하다. scoop ..

PROGRAMMING/Mobile 2021. 8. 23. 20:14

Native 모바일 앱 개발에서 "운영체제 만들 때 사용한 프로그래밍 언어와 똑같은 언어로 만든"을 의미 Native Application (네이티브 앱) 모바일 운영체제인 안드로이드에서 자바로 만든 앱 iOS 운영체제에서 Objective-C로 만든 앱 장점: 빠른 실행 속도 단점: 공부해야 할 지식이 많음, 똑같은 기능의 앱을 안드로이드용, iOS용으로 따로 만들어야 하는 시간과 비용 크로스플랫폼(cross-platform) 네이티브 앱의 단점을 극복 목적: 하나의 코드를 여러 운영체제에서 동작하는 앱 개발 장점: 개발 시간과 비용 절감 단점: 네이티브 앱보다 실행 속도 느리다 React Native Framework(리액트 네이티브 프레임워크) 2015년, 페이스북에서 발표 안드로이드와 iOS 운영..

PROGRAMMING/Mobile 2021. 8. 23. 18:37

[File]-[Settings]-[Version Control]-[Git] 현재 설치된 Git 버전을 확인할 수 있다. [File]-[Settings]-[Version Control]-[GitHub] Add account 클릭 본인의 GitHub 계정으로 로그인한다. 로그인이 되지 않을 경우, 오른쪽 상단의 Use Token을 클릭하면 위와 같이 Token을 입력할 수 있다. 우측 메뉴에서 [Settings] 선택한다. 들어가서 왼쪽 메뉴 끝 쪽의 [Developer settings]를 선택한다. [Personal access tokens]에서 [Generate new token]을 선택해서 token을 생성한다. repo, admin:org, gist를 선택한 후 [Generate token]을 선택하..

PROGRAMMING/Mobile 2021. 6. 10. 14:49