일골드

Front End (18)

Firebase - Functions

Front End/React-Native 일골드 2020. 5. 17. 22:17

Firebase 의 Fuctions 를 시작하려하면 아래와 같은 화면이 뜬다. 1. npm을 통해 firebase-tools를 설치해준다. npm install -g firebase-tools 일단 설치하면 어느 디렉토리에서도 사용가능하다. 이제 프로젝트 디렉토리로 이동해보자. 2. 이동했다면 로그인을 하자. 로그인을 먼저하고 이동해도 상관없다 ^^ firebase login 인터넷창이 켜질꺼고 로그인을 하면 완료 메시지가 나타날 것이다. 3. 프로젝트 디렉토리로 이동한 후, init명령어를 이용해 functions폴더를 만들어보자. (자바스크립 선택) firebase init functions 해당 명령어를 통해 종속된 항목들까지 설치가 되고 프로젝트에 .firebaserc 파일 firebase.jso..

React-Native-Image-Picker

Front End/React-Native 일골드 2020. 5. 4. 00:25

react-native-image-picker please show below web site. https://www.reactnativeschool.com/uploading-images-in-react-native/installing-react-native-image-picker 해당 웹사이트에 유튜브 동영상이 굉장히 도움이되어 링크를 걸겠습니다. yarn을 통한 설치만 나와있는데 npm으로도 설치 가능합니다. 저는 react-native가 0.60이상의 버전이기 때문에 설치시 별도의 작업이 필요하지 않았습니다. npm i react-native-image-picker 설치 후 재빌드가 필요합니다. 혹시 어플에 권한(permission)이 필요하다는 문구가 뜬다면 android 폴더내의 AndroidM..

react-native-firebase

Front End/React-Native 일골드 2020. 4. 5. 17:15

1. 아래 명령으로 설치 npm install --save @react-native-firebase/app npm add @react-native-firebase/auth 2. firebase 사이트로 들어가서 프로젝트를 생성하고 파일명 : google-services.json을 다운받아서 android\app\ 아래에 복사한다. 프로젝트 생성할때 패키지명을 적는데 일치해야한다. 패키지명 : android\app\src\main\AndroidManifest.xml 3. 실행을 해서 안된다면 android studio에서 build>clean Project 를 통해 정리해주고 다시 실행한다.

React-Native Redux 설치

Front End/React-Native 일골드 2020. 3. 24. 20:36

> npm install redux > npm install react-redux 설치는 굉장히 간단하다. 하지만 Redux를 처음 접한다면 상당히 어렵다. Redux를 사용하는 가장 중요한 이유는 컴포넌트들의 상태를 공유하기 위함이다. 아래는 중요한 코드만 적어두겠다. //********************************************** ******************** App.js ******************** ************************************************// ... 생략 ... import { createStore } from 'redux'; import { Provider } from 'react-redux'; const ini..

React-Navigation

Front End/React-Native 일골드 2020. 3. 15. 20:25

React Navigation 설치 공식사이트: https://reactnavigation.org/docs/getting-started 1. npm install @react-navigation/native (네비게이션) 2. npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view (관련 라이브러리) 3. android/app/build.gradle 파일에 아래 소스 추가 (for android) implementation 'androidx.appcompat:appcompat:1.1.0-r..

[React-Native] Getting Started (Windows)

Front End/React-Native 일골드 2020. 3. 3. 22:04

윈도우에서 React-Native 설치 React-Native 는 facebook에서 만든 모바일 어플리케이션 개발 라이브러리 입니다. React가 웹에서 쓰이는거와는 다르게 Native는 어플리케이션 개발에 사용됩니다. 크게 Expo(https://expo.io)와 Native 두 가지 버전이 있는데, Expo는 쉽고 빠른 개발에 좋지만 제공하는 기능 외에는 사용할 수 없어 잘 쓰이지 않습니다. native 기능들을 사용하는데는 Native 버전이 좋다! 최근에는 PWA를 지원하는 리엑트 네이티브 웹을 발표! (https://bit.ly/react-native-for-web & https://bit.ly/expo-doc-web) 1. Install Node 8.3 or newer (https://nod..

Cordova / Ionic CLI 설치

Front End/Ionic 일골드 2019. 9. 26. 22:54

이전 블로그에서 node.js와 npm을 설치하였다. node -v (설치확인) npm -v (설치확인) *npm : Node Package Manager Git 설치하기 분산버전관리시스템이다. http://git-scm.com/downloads Git git-scm.com git --version TypeScript 설치하기 오픈 소스 프로그래밍 언어. 자바스크립트의 상위언어. npm install typescript -g tsc -v (설치확인) Cordova 설치하기 오픈소스 모바일 개발 플랫폼. 코르도바를 활용하면 네이티브앱과 같이 모바일 장치의 GPS, 센서, 카메라를 제어하는 앱 개발이 가능하다. npm install -g ionic cordova cordova -v (설치확인) ionic -..

Node.js & Angular CLI 설치

Front End/Ionic 일골드 2019. 9. 4. 00:12

Node.js & Angular CLI 설치 Node.js 다운로드 : https://nodejs.org Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Angualr CLI 모듈( NPM) 다운로드 : https://www.npmjs.com npm | build amazing things Bring the best of open source to your company npm is the tool used by over 11,000,000 JavaScript developers around the world. Your developers already use it. Your company..

Copyright © 일골드 All Rights Reserved
Designed by JB FACTORY

티스토리툴바