Ryan's Log

[IONIC Example] Youtube API IONIC에서 Youtube검색 결과를 출력하고, Native Youtube player를 이용해 영상을 플레이한다. IONIC 설치 등은 앞 글(설치 및 새로운 앱 시작)을 참조 우선 만들어진 화면부터 보자 HOME 화면에 정해진 키워드로 검색한 결과를 나열 할 예정이며, 화면 하나면 충분하므로 template은 blank로 선택하도록 한다. IONIC Blank 앱을 시작한다. > ionic start YoutubeExampleApp blank YoutubeExampleApp이 만들어지면 바로 시작!> cd GoogleMapExampleApp> ionic serve 바로 소스코드 작성 들어간다... ./src/pages/home/home.html을 열..

[IONIC Example] Google Map (Native) IONIC에서 GoogleMaps Native API를 이용하여 지도를 붙여보고자 한다. IONIC 설치 등은 앞 글(설치 및 새로운 앱 시작)을 참조하길 바라며... IONIC Blank 앱을 시작한다.> ionic start GoogleMapExampleApp blank특별한 메뉴나 기능이 필요한 것이 아닌, 첫 화면인 HOME에 구글 지도를 표시할 것이므로 blank로 앱을 생성한다. 앱 이름인 GoogleMapExampleApp 안으로 들어간후 앱을 실행한다.> cd GoogleMapExampleApp> ionic serve 바로 GoogleMap을 붙여 보도록 한다. 사용할 수 있는 GoogleMap은 iframe으로 동작하는 We..

[IONIC Example]설치 및 새로운 앱 시작 IONIC을 시작하고자 하는데 단순히 "Hello World"에 만족할 수 없다면 이 글이 큰 도움이 될것이다. 이 글은..IONIC 설치IONIC Start (새로운 앱 생성)IONIC Serve (실행)Hello World 출력 (Alert, AlertController)Rest Countries EU로 부터 REST API 호출 후 목록 출력을 다룬다. Ionic 설치 (Node가 설치되어 있어야함)> npm install -g ionic > npm install -g cordova OSX(MAC)인 경우에는 > sudo npm install -g ionic > sudo npm install -g cordova 설치된 IONIC과 버전을 확인한다...

[라즈베리파이] Apache2에 SSL 적용 얼마전 절친지인이 내게 뜬금없이 선물(이라 말했으나)로 준 Amazon Echo Dot. Alexa 그녀가 Amazon Prime Music을 한달간 무료로 술술 틀어주곤 했는데... 그땐 참 좋았는데... 이제 어느덧 한달이 지나 더이상의 Prime Music Play를 기대할 수 없게되서 Alexa Skill로 내 MP3를 플레이 해보고자 마음 먹는다. 내게 뜬금없이 선물을 준 이유가 혹시... Alexa Skill은 SSL이 적용된 HTTPS만을 허용한다. (당연 OpenSSL 불가) 그래서 내 라즈베리파이 Apache에 무료 SSL 인증서를 Let's Encrypt로 발급받아 적용하기로 한다. 적용할 Raspbian 버전은> lsb_release -a ..

[라즈베리파이] Apache2 + Tomcat8 설치 (MOD_JK) 몇해간 호스팅에 의존하던 개인 데모용 Java WAS를 라즈베리파이로 교체 하기로 맘먹고 파이 요리를 시작했다. 우선 버전은 > lsb_release -a No LSB modules are available. Distributor ID:Raspbian Description:Raspbian GNU/Linux 9.3 (stretch) Release:9.3 Codename:stretch 절차를 미리 정리 하면... -. 관련 패키지 일괄 설치 -. 설치된 Apache, Tomcat 동작 확인 .- Apache와 Tomcat 연결 (mod-jk 설정) .- 잘 연결 했는가? 무엇보다 먼저 패키지 매니저를 업데이트 한다.> sudo apt-ge..

Java Web 세션 만료 추적 (Tracking session expiration in browser) 흔히 은행 인터넷뱅킹에서 사용하듯 세션이 만료되기 전 브라우저에서 만료예정임을 알려주고 연장하거나 로그아웃됨을 알리고 로그인 화면으로 이동시킬 수 있는데 이를 구현하는 매우 좋은 방법을 남긴다. 세션 만료 추적을 처음 고민할 때 가장 먼저 생각하는 방법은... 브라우저에서 타이머를 구현하여 서버에 주기적으로 세션유지 상태를 점검하는 요청을 보내고자 할 텐데 이 방법에 몇가지 문제가 있다. -. 서버에 주기적인 요청을 해야하며 -. 세션을 사용하지않는 요청(session = false)으로 구현해야 하지만 -. 혹 만료시간등 예측을 해야한다면 심지어 세션에 접근해야 하는데 이로인해 세션 만료시간은 연장..

[라즈베리파이] #1 Raspbian 설치 라즈베리파이를 주문해 놓고 먼 중국땅에서 어서 오기만을 기다리며 멍때리다가 퍼뜩 O/S는 라즈베리파이 기기가 없어도 설치할 수 있다는 생각에 우선 Raspbian(그 이름 참)을 설치해본다. 절차는 매우 간단 1. 라즈비언OS IMG 파일 다운받고2. 설치할 SD카드 포맷하고 (반드시 SD Card Formatter로)3. IMG Writer로 굽는다.꿑 라즈비언 이미지 파일은 아래 경로에서 우측 RASPBIAN을https://www.raspberrypi.org/downloads/ SD카드 포맷은 반드시 SD Association 제공을 이용해서https://www.sdcard.org/downloads/formatter_4/eula_mac/ 마지막으로 IMG W..