hsunny study blog

Syntax setInterval(function, milliseconds, param1, param2, ...) 파라미터 설명 function 필수. 실행할 함수 milliseconds 필수. 함수 실행주기 (단위: milliseconds) param1,param2, ... 선택. 추가적으로 넘길 함수 (지원: IE9this.Timer(), 1000); } Timer() { let temp; let ramain_time = document.getElementById('counting'); this.counter =this.counter - 1; /** * excute code... */ } ()=> 로 표현하는 것을 화살표 함수라고 하며, 이를 이용하여 해결할 수 있었다. 화살표함수는 ES6에서 새롭게..

이전 이야기 http://withhsunny.tistory.com/44 Ionic에 본격적으로 사용하기 위해서는 플러그인 설치가 필요합니다. 예제에 사용할 플러그인은 cordova-plugin-firebase입니다. cordova-plugin-firebaseSupported Cordova Versionscordova >= 6cordova-android >=6.3cordova-ios >= 4 Ionic에서 사용할 수 있는 플러그인들은 https://ionicframework.com/docs/native/에서 확인 가능합니다.FCM을 사용할 수 있는 플러그인으로 phonegap-plugin-push, cordova-plugin-fcm도 있습니다.FCM만을 사용하고, 다양한 메시지 기능을 사용할 목적이라면 p..

이전 이야기http://withhsunny.tistory.com/41 FCM을 사용하기 위한 환경설정을 이해했다면 본격적인 사용을 위한 준비를 해야 한다.*IONIC에 FCM을 사용하기 위한 과정으로, 아래 과정은 일반 앱에 사용하는 것과 설치과정이 다를 수 있습니다. 사이트 주소 https://firebase.google.com/ 1. 위 사이트로 이동하여 [콘솔로 이동]을 클릭합니다. 2. [프로젝트 추가]를 클릭하여 firebase 프로젝트를 추가를 진행합니다. 내용에 맞춰 프로젝트 이름과 ID, 국가/지역을 설정합니다. 프로젝트 ID는 실시간 데이터베이스 URL, Firebase 호스팅 하위 도메인 등에서 사용되는 서비스 전체에서 고유한 식별자입니다. ID는 자동으로 설정되나 빨간색으로 표시한 펜..

Mixed Content: The page at '%' was loaded over HTTPs, but requested an insecure image '%'. This content should also be server over HTTPS. 에러설명 HTTPS로 통신하다가 HTTP로 연결되는 통신이 중간에 발생하면 보안정책에 의해 browser에서 block된다. Google Chrome에서 HTTPS 페이지를 방문하면 브라우저가 JavaScript 콘솔의 오류 및 경고로서 혼합 콘텐츠가 있음을 경고한다. 위의 캡쳐사진은 경고이지만, 활성 혼합 콘텐츠가 있는 경우에는 빨간색 오류로 표시가 된다. 해결 경고와 오류는 HTTP://URL로 표시된 부분을 수정해야 사라진다. ※ 혼합 콘텐츠 오류 및 경고..

발생배경HTML 코드를 Image로 변환하는 작업을 하고(https://html2canvas.hertzen.com/) 변환되어 생성된 긴 코드를 URL을 통해 원하는 페이지로 넘겨서 그 페이지에서 보이게 하고 싶었다. 에러설명제한된 URL 요청의 길이를 초과했을 경우 발생하는 메시지이다.웹서버에서 받아주는 길이 제한(일반적으로 8KB)도 있지만 웹 브라우저에서도 제한이 있다.오래된 브라우저들을 2KB의 제한이 있지만 최신 브라우저들은 8KB로 제한하고 있다고 한다. 해결stackoverflow에 같은 질문에 대한 답변으로 'POST 방식 사용'으로 변경이 있었다.이미지로 변경하지 않고 데이터만 POST로 넘겨서 화면에 뿌려지는 방식으로 변경했다. 참고https://blog.asamaru.net/2015/..

많은 앱들은 앱을 이용하는 사용자들에게 알림을 보내는 보편적인 방법으로 Push 메시지를 사용한다. Push메시지를 발송하기 위해서는 메시지를 발송할 수 있는 서버가 필요하다. 자체 Push 서버를 구축할 수도 있고, google에서 제공하는 FCM을 이용할 수도 있다. 장점 단점 자체 Push서버 * 보안성이 우수하다. * 요구사항에 맞춰 서버를 구축할 수 있다. * 구축에 시간과 비용이 소모된다. FCM * 무료로 쉽고 빠르게 구현이 가능하다. * Firebase에서 제공하는 여러 기능들도 함께 사용 가능하다. * 자체 서버 구축보다 보안성이 떨어진다. FCM을 이용해 Push 메시지 서비스를 제공할 예정으로, FCM이 뭔지 공부했던 내용에 대해 공유해보려고 한다. Overview FCM을 이용한 메..

발생상황팝업형 본인인증 방식을 사용하는 페이지에서 발생한 문제.부모창(opener)의 form을 찾아 form 안에 있는 name이 일치하는 곳에 value를 보내주고 팝업이 self.close() 해야하는데 창도 닫기지 않고 아무런 에러 콘솔도 남지 않았다. 문제해결1. opener 에서 값을 전송해주려는 곳에 form과 하위 요소들이 잘 위치하고 있는지 확인한다. - 개발자모드(f12)로 확인하니 안에 값들이 비어있었다. 코드상으론 문제가 없어보였지만, 여러 include 된 태그들을 확인하니 시작과 끝이 맞지 않아 form 내부가 비어있었다. 2. cross domain 확인 1의 문제를 해결하고 실행해보니 콘솔창에 에러 콘솔이 남았다. 에러가 난 위치는 opener에 value를 주기 시작하는 첫..

하이브리드 앱을 안드로이드, ios 모두 MAC에서 작업하기 위해 합치는 작업을 수행했다. MAC에서는 $cordova build android 를 실행해서 생성된 apk(android-debug.apk) 업로드가 되지 않았다. $cordova --release android 를 실행하고서는 서명키를 등록하지 않아 업로드가 되지 않았다. 발생한 에러는 이전에 apk를 업로드한 SHA-1과 일치하지 않음, 테스트 apk를 업로드할 수 없음 이었다. 기존에 apk는 windows 기반의 데스크탑에서 업로드를 해왔는데, 이때 android-debug.apk를 업로드했었다. 릴리즈버전이 아닌 디버그버전을 업로드했음에도 불구하고, 에러가 발생하지 않아 그대로 몇번의 배포를 진행했었다. 한 곳에서 개발을 하기 위해..