본문 바로가기

Ionic & Angular & Firebase9

[Ionic] Capacitor와 Cordova 차이점. Capacitor - Cordova와는 어떻게 다른가? Cordova는 상당 기간 동안 하이브리드 앱 개발자들이 이용할 수 있는 유일한 선택이었다. Cordova는 Ionic 웹 앱을 설치 가능한 앱으로 만들 수 있도록 돕는다. 그러나 Capacitor가 새로운 앱 워크플로우를 통해 극복하려는 Cordova에는 몇 가지 한계가 있다. Capacitor는 iOS, 안드로이드, Electron, 웹에서 기본으로 실행되는 웹 앱을 쉽게 구축할 수 있는 크로스 플랫폼 앱 런타임이다. Ionic사람들은 이러한 앱을 "Native Progressive Web Apps"라고 부르며 하이브리드 앱을 넘어서는 차세대 진화를 상징한다. Capacitor는 코르도바와 매우 유사하지만 앱 워크플로우의 주요 차이점이 있다. 다.. 2020. 7. 9.
[GCP/Firestorage] GCP CORS정책 설정 "has been blocked by CORS policy" 오류 CORS란? - 출처가 서로 다른 리소스 간의 상호작용을 허용하는 메커니즘. - 일반적으로 이러한 상호작용은 악의적인 행동을 방지하기 위해 금지되어 있음. - 경험적으로는 프론트 영역에서 다른 host로 요청을 보낼 때 직면하는 이슈. (백엔드 작업으로 이슈를 해결할 수도 있음) FireStorage 버킷의 CORS 구성 - 수락할 요청의 유형을 식별하는 정보(HTTP 메서드, 출처 도메인 등)를 지정하여 버킷에 CORS 구성을 설정한다. - gsutil을 사용하여 GCP CORS를 세팅한다. 이외의 방법도 있다고 함. (https://cloud.google.com/storage/docs/configuring-cors?hl=ko) - 본 글은 gsutil로 CORS 세팅함. FireStorage 버킷UR.. 2020. 4. 22.
GCP Firebase Firestore 지역별 속도 확인 location latency firestore 프로젝트 시작시 깊이 고민하지 않고 기본 region인 us-central 을 선택했다. hosting으로 프로젝트를 배포하고나니 생각보다 속도가 안나온다. 구글링의 결과로 아래 주소를 얻었다. 한국에서 오후 5시 기준으로 latency를 체크한 결과다. http://www.gcping.com/ GCP ping How does this work? Your browser makes HTTP requests to f1-micro instances in each region. The median time between request and response is shown. The global row uses a Global HTTP Load Balancer to route requests t.. 2020. 3. 23.
[Firebase] Hosting에 Angular/Ionic 프로젝트 배포하기 02 Firebase Hosting에 Angular/Ionic 프로젝트 배포하기 02 : 프로젝트에 Firebase 세팅 Angular/Ionic 프로젝트 경로로 이동. 1. firebase 프로젝트 초기화 명령어 firebase init 2. 어떤 CLI 기능을 적용할지 선택. 저는 Hosting만 선택했습니다. 후에 변경할 수 있습니다. 2-1. git bash로 하려니 선택이 안됨. power-shell 키고옴 ? Are you ready to proceed? Yes ? Which Firebase CLI features do you want to set up for this folder? Press Space to select features, then Enter to confirm your choice.. 2020. 3. 12.