로메오의 블로그

Firebase 목록 요청을 처리하는 중에 알수없는 오류가 발생했습니다. 다시 시도해주세요 Firebase에서 프로젝트나 앱을 생성하려는데 위와 같은 오류가 발생할때는 Firebase Status Dashboard로 가보세요. https://status.firebase.google.com/ 아예~~ 뭔가 무척 바쁘신듯... We are investigating errors when creating a new project or application or when enabling new APIs and services on existing projects. Our engineering team has identified a root cause, and mitigation work is currently u..

Firebase 목록 앱을 개발해서 스토어에 올리지 않고 URL로 배포하는 방법입니다. 프로젝트 생성 $ cd /my/project/path $ react-native init deployTest --version 0.59.8 $ code ./deployTest 이 포스트는 최종적으로 firebase push notification을 적용하는 과정을 알아봅니다. 포스트를 작성하는 지금 현재 react native는 0.69.4까지 출시 되었는데, 해당 버전으로 프로젝트를 만들 경우 다른 라이브러리들과 호환에 문제가 많았습니다. 그래서 제가 사용해봤던 검증된 버전으로 포스트를 진행하도록 하겠습니다. 최신 버전에 대해서는 직접 적용해보시기 바랍니다. Android 배포준비 Android Studio에서 프로..

$ react-native init firstProject --version=0.59.8

node.js의 face-api를 브라우저에서 구현합니다. 프로젝트 설정 $ cd /my/project/path $ mkdir faceRecognition $ code ./faceRecognition $ yarn add face-api.js $ cp node_modules/face-api.js/dist/face-api.min.js . $ touch index.html script.js $ mkdir known unknown 첨부된 models.zip 파일을 다운로드해서 프로젝트에 추가합니다. 위와 같이 프로젝트가 구성되었습니다. unknown폴더에 식별할 사진을 추가합니다. index.html script.js const imageUpload = document.getElementById('imageUp..

Visual Studio Code에서 html/javascript 개발중 바로 Server에 구동해주는 툴입니다. Extension에서 live server를 검색해서 설치합니다. HTML Snippets도 검색해서 설치합니다. $ touch index.html index.html파일에서 html을 입력하고 html:5를 선택합니다. html5 템플릿이 자동완성 됩니다. 에 Hello world를 입력하고 index.html 파일을 선택해서 Open with Live Server를 선택합니다. 브라우저에서 즉시 화면을 표시합니다. 소스를 수정하고 저장하면 즉시 반영됩니다.

Firebase 목록 [FIREBASE] 호스팅 생성하고 배포하기 [Firebase] Firebase 데이터 베이스 생성 [Realtime Database] [Firebase] Python - Firebase Realtime Database app.py import pyrebase from flask import * config = { "apiKey": "AIzaSyAsDlGTnwNoRgAdcoMV41x_xxxxx", "authDomain": "pythontest-xxxx.firebaseapp.com", "databaseURL": "https://pythontest-xxxx.firebaseio.com", "projectId": "pythontest-xxxx", "storageBucket": "", "me..

Firebase 목록 [FIREBASE] 호스팅 생성하고 배포하기 [Firebase] Firebase 데이터 베이스 생성 [Realtime Database] [firebase] 호스팅 생성하고 배포하기를 참조해서 Firebase에 새로운 프로젝트를 생성합니다. WebApp도 생성합니다. 스크롤을 내려서 Firebase SDK snippet에서 CDN을 선택하고 firebaseConfig 부분을 복사해놓으세요. Database > Realtime Databas를 생성합니다. 프로젝트 생성 $ cd /my/project/path $ mkdir firstProject $ code ./firstProject pyrebase설치 $ pip3 install pyrebase app.py $ touch app.py i..

[Facial Recognition] 단체사진에서 인원수 알아내기 [FACIAL RECOGNITION] 얼굴 비교하기 [FACIAL RECOGNITION] 얼굴 추출하기 img/group 폴더에 gates-jobs.jpg 사진을 추가합니다. $ touch identify.py import face_recognition from PIL import Image, ImageDraw # 빌게이츠 원본 인코딩 bill_image = face_recognition.load_image_file('./img/known/Bill Gates.jpg') bill_face_encoding = face_recognition.face_encodings(bill_image)[0] # 스티브잡스 원본 인코딩 steve_image =..

[Facial Recognition] 단체사진에서 인원수 알아내기 [FACIAL RECOGNITION] 얼굴 비교하기 img/group 폴더에 PYH2017063009810001300.jpg 사진을 추가합니다. $ touch pullfaces.py from PIL import Image import face_recognition image = face_recognition.load_image_file('./img/group/PYH2017063009810001300.jpg') face_locations = face_recognition.face_locations(image) for face_location in face_locations: top, right, bottom, left = face_locat..

[Facial Recognition] 단체사진에서 인원수 알아내기 $ mkdir img/known img/unknown known폴더에는 기준이 되는 얼굴을 넣습니다. 파일명으로 사람이름을 정확히 넣어줍니다. unknown 폴더는 비교대상이 되는 얼굴을 넣습니다. $ touch facematch.py import face_recognition trump = face_recognition.load_image_file('./img/known/Donald Trump.jpg') trump_face_encording = face_recognition.face_encodings(trump)[0] unknownface = face_recognition.load_image_file('./img/unknown/1BF80..

프로젝트 설정 $ python3 --version Python 3.7.4 $ cd /my/project/path $ mkdir facial_recognition $ mkdir facial_recognition/img facial_recognition/img/group $ code ./facial_recognition img/group 폴더에 단체 사진을 넣습니다. 라이브러리 설치 $ pip3 install opencv-python $ pip3 install opencv-contrib-python $ pip3 install cmake $ pip3 install dlib $ pip3 install face_recognition $ pip3 install flask findfaces.py $ touch fin..

Spring Boot / Oracle / Mybatis 차례 pom.xml을 열어서 Dependency Hierarchy에서 jackson-databind 모듈을 확인합니다. json으로 출력해주는 라이브러리 입니다. Model 추가하기 src/main/java 에서 New > Package를 선택합니다. model을 추가합니다. 추가된 model에서 New > class를 선택합니다. Person 클래스를 추가합니다. package model; public class Person { String id; String firstName; String lastName; int age; } Person.java 파일에 코드를 추가합니다. Person 클래스에서 마우스 오른쪽 클릭 > Source > Gener..

Spring Boot / Oracle / Mybatis 차례 아래 사이트에서 Spring Tools를 다운로드하고 설치합니다. https://spring.io/tools Preferences > Java > Installed JREs 에서 설치된 Java버전을 확인 할 수 있습니다. 프로젝트 생성하기 Spring Starter Project를 선택합니다. Spring Web Start를 선택하고 Finish를 누릅니다. 일부 버전에서는 Web을 선택하면 됩니다. Run As > Spring Boot App 을 실행합니다. localhost:8080 으로 접속합니다. Hello World 출력 package com.gaeyou.firstproject; import org.springframework.boo..

DBeaver에서 Oracle 드라이버 설정 방법입니다. Connection에서 Oracle을 누릅니다. 접속정보의 Host, Database, User name, Password를 입력하시고 Edit Driver Settings를 누릅니다. Driver 버전을 선택하고, 필요한 파일을 확인합니다. 그리고 Open Download Page를 누릅니다. Oracle 홈페이지에 로그인을 먼저하세요. 약정에 동의하고 ojdbc-full.tar.gz 파일을 다운로드합니다. 원하는 폴더에 압축을 푸세요. ojdbc7.jar orai18n.jar xdb6.jar 위 3개의 파일을 Add File 합니다. 앞서 화면에서 ojdbc8.jar를 요구했지만 ojdbc7.jar도 사용가능합니다. Test Connection..

Firebase 목록 [REACT.JS] CREATE-REACT-APP 없이 REACT.JS 프로젝트 생성하기 [GIT] GITHUB에 프로젝트 올리기 (GIT COMMAND 사용) [REACT.JS] ROUTER 적용하기 [MULTIPLE ROUTER] [FIREBASE] FIREBASE 데이터 베이스 생성 [REALTIME DATABASE] Firebase에서 생성한 Realtime 데이터베이스를 React.js에서 불러옵니다. query-string 모듈 설치 $ yarn add query-string src/components/About.js import React from 'react'; import { BrowserRouter, Route, Link } from 'react-router-dom..

[REACT.JS] CREATE-REACT-APP 없이 REACT.JS 프로젝트 생성하기 [GIT] GITHUB에 프로젝트 올리기 (GIT COMMAND 사용) [REACT.JS] ROUTER 적용하기 [MULTIPLE ROUTER] Firebase 데이터 베이스 생성하기 Firebase 데이터베이스는 Cloud Store와 Realtime Database 두 가지를 제공하는데, 우리는 Realtime Database를 사용하겠습니다. 데이터베이스 만들기를 클릭합니다. 테스트모드로 시작을 선택하고 사용설정을 누릅니다. + 아이콘을 누릅니다. 위와 같은 구조의 데이터를 생성하고 추가버튼을 누릅니다. 이름만 있는것은 Array를 뜻하고 이름/값이 있는것은 Object 입니다. 위 주소에서 + 데이터베이스 이..

[REACT.JS] CREATE-REACT-APP 없이 REACT.JS 프로젝트 생성하기 [GIT] GITHUB에 프로젝트 올리기 (GIT COMMAND 사용) React Rout를 적용해보겠습니다. react-router-dom 설치 $ yarn add react-router-dom 추가 파일 생성 $ mkdir src/components src/css $ touch src/components/Home.js src/components/Profile.js src/components/About.js src/components/OperatingSystem.js src/css/styles.css 다음 폴더를 생성합니다. src/components src/css 다음 파일을 생성합니다. src/component..

[REACT.JS] CREATE-REACT-APP 없이 REACT.JS 프로젝트 생성하기 위 포스트에서 react.js 프로젝트를 생성했습니다. 이 프로젝트를 github에 올려보겠습니다. sourcetree등 UI를 지원하는 git 프로그램을 사용할 수도 있지만 command 명령으로 올리는 방법을 알아봅니다. Github에 repository생성 https://github.com 에서 로그인 하시고 New repository를 선택합니다. HTTPS 주소를 복사합니다. git 환경설정 $ git log create-react-app으로 프로젝트를 생성하면 첫번째 커밋이 되어 있는 상태입니다. git log로 history를 조회할 수 있습니다. # git remote add origin "https:..

Firebase 목록 [REACT NATIVE] 디바이스에 LOCAL SERVER 구동하기 앞서 디바이스에서 local server를 구동하는 방법을 알아봤습니다. firebase hosting에서 리소스를 zip으로 압축해서 올려두고 React Native에서 zip을 다운로드해서 압축 해제하고 local server로 표시하는 고오급 기능을 구현해보겠습니다. Firebase hosting에 zip파일 업로드 index.html script.js $(window).on('load', function() { $('h1').text('hello World!!') }) style.css body {margin-top: 100px} .title {color: #f0f} www폴더를 만들고 index.html,..

Firebase 목록 [REACT NATIVE] WEBVIEW와 INTERFACE 하기 위 포스트에서 React Native에 Webview를 띄우고 Firebase hosting의 html 파일을 불러와서 띄우는것을 했습니다. html파일을 리모트 서버에 두지 않고 디바이스 내에 두려고 합니다. 그런데 이때 문제가 디바이스 storage의 js파일은 Ajax 통신이 불가능합니다. 이럴경우 디바이스에 Local Server를 구동하면 리소스 로딩 속도도 빠르고 Ajax 통신도 가능합니다. 프로젝트 생성 $ cd /my/project/path $ react-native init secondProject --version react-native@0.59.8 $ cd secondProject $ code . ..