웹/앱 개발자 블로그

Facebook AccountKit으로 SMS / 전화 번호를 사용하여 사용자를 인증 Requirements:Facebook AccountKit 1. 페이스북 개발자 계정 생성 - https://developers.facebook.com 2. Facebook AccountKit 기능 추가 아이오닉 프로젝트에서 cordova plugin 설치 ionic cordova plugin add cordova-plugin-accountkit --save \ --variable APP_ID="app id" \ --variable APP_NAME=“app name” \ --variable CLIENT_TOKEN="client token" \ --variable API_VERSION=“v1.0” ionic project..

관련 문서 http://blog.naver.com/PostView.nhn?blogId=da10316&logNo=70114357936 (JavaScript Password Strength Validator)http://m-ulyanov.github.io/mytooltip/ (mytooltip jquery plugin)https://help.naver.com/support/contents/contents.nhn?serviceNo=532&categoryNo=2154 (네이버 비밀번호 안전 진단 페이지) 비밀번호 안전도 체크(Tootip) 네이버 비밀번호 찾기 화면을 유사하게 구현하기신규 비밀번호 입력시 비밀번호 안정성 정보가 실시간으로 tooltip(말풍선) 형태로 표시 jquery 플러그인을 사용 mytoo..

angular2에서 jquery 사용하기참고 : https://stackoverflow.com/questions/30623825/how-to-use-jquery-with-angular2STEP 1 - First things first// In the console // First install jQuery npm install --save jquery // and jQuery Definition npm install -D @types/jquery STEP 2 - IMPORT// Now, within any of the app files (ES2015 style) import * as $ from 'jquery'; // $('#elemId').width(); // OR // CommonJS style - ..

Firebase 도메인 생성 Firebase 호스팅을 통해 firebaseapp.com 하위 도메인을 생성할 수 있다. 1. Firebase CLI 설치Firebase CLI(명령줄 인터페이스)에는 Node.js 및 npm이 필요합니다. 명령어 : npm install -g firebase-tools 2. 앱 초기화프로젝트 디렉토리에서 초기화 명령어 : firebase init 3. 웹사이트 배포 명령어 : firebase deploy 배포되면 아래와 같은 도메인이 생성된다. 도메인 : .firebaseapp.com firebase 콘솔에서 도메인을 확인할 수 있다. console.firebase.google.com 명령어 : firebase serve (http://localhost:5000 로컬에서 ..

유용한 Sublime3 단축키 정리 1. ctrl + command + P : 프로젝트 변경 2. command + P : 프로젝트내 파일 검색 3. command + 숫자 : 숫자로 텝이동 command + Alt + : 화살표로 텝이동 4. Alt + command + 1,2,3,4,5 : 화면 분할 (세로) Shigt + Alt + command + 2,3 : 화면분할(가로) 5. command + L : 한줄 선택 Shift + command + L : 동일한 요소 선택 6. command + D : 선택된 값과 동일한 값 선택 Shift + command + D : 동시에 복사 7. ctrl + command + G : 동시에 같은 값 모두 찾기 8. command + R : Function 및..

sublime text3 다운로드 사이트 https://www.sublimetext.com/3 설정 커맨드 창에서 아래 명령어를 입력하면 subl로 프로그램을 실행할 수 있습니다. ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" /usr/local/bin/subl export EDITOR='subl -w' 실행 subl로 실행 : subl . 또는 파일명 subl --help package control 설치 콘솔창 (단축키: Ctrl+`, 메뉴: View > Show Console menu)에서 다음 입력 import urllib.request,os; pf = 'Package Control.sublime-package'; i..

구글 SMTP 메일 송신 예제 메일 송신이 가능하기 위한 준비가 필요하다. 1. mail.jar 라이브러리 추가 2. gmail 계정 환경설정 구글 gmail 인증을 위한 Class import javax.mail.Authenticator; import javax.mail.PasswordAuthentication; //구글 gmail 인증을 위한 Class public class MyAuthentication extends Authenticator { PasswordAuthentication pa; public MyAuthentication(){//생성자를 통해 구글 ID/PW 인증 String id = "구글 mail ID"; // 구글 ID String pw = "비밀번호"; // 구글 비밀번호 //..

아이오닉 2.0 app deploy 1. app id, app key cd 프로젝트 폴더ionic io init vim ionic.config.json 자동으로 app 이름과 app id가 입력된걸 확인할 수 있다. 2. ionic platform 설치 ionic platform add android ionic platform add ios ionic serve --lab ios, android 형식으로 각각 확인할 수 있음 3. emulate 실행 xcode 설치 ionic emulate ios 4. iphone deivice 실행 ionic run ios 또는 ionic run ios --device 오류 참고 : sudo npm install ios-deploy -gsudo npm install -..

관련 문서http://ionicframework.com/ (ionic 2.0 framework) 아이오닉 2.0 1. 아이오닉2 설치 npm install -g cordova ionic 2. 아이오닉2 프로젝트 생성 ionic start --v2 myApp blank(tabs, sidemenu, blank, tutorial 기본 템플릿 제공) 3. 로컬 웹브라우저에서 실행 cd myApp ionic serve 4. 안드로이드 실행 Requirements java jdk 설치 : http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html안드로이드 스튜디오 설치 : https://developer.android.com/studi..

HIGH CHARTS API 공식 홈페이지 : http://www.highcharts.com/ HTML5 & 자바스크립트 기반의 그래프 & 차트 API입니다.ERP 홈페이지에 막대형 그래프를 만들일이 있어 찾아보다가 발견했습니다 장점은 구현하기 쉽고 (HTML, 자바스크립트만 다룰줄 안다면)데모버전이 많이 나와있으며 필요한 기능을 직접 구현할 수 있다는 점 아래와 같이 데모버전 소스를 확인하고 수정해가면서 원하는 기능을 넣으면 됩니다. (복잡한 그래프, 간단한 그래프, 차트 등 다양함)