고무망치의 Dev N Life 고무망치의 Dev N Life

소스 다운로드 > https://github.com/cpromise/realtimeChat이 예제에 사용된 소스 : Use Camera and Album(Just take a picture and do nothing with it)을 다운로드 받으시면 됩니다.이 예제를 완성시킨 소스 : Send a image through the camera and the album.을 다운로드 받으시면 됩니다. 1탄 보러가기(클릭) 아니.. 사진 전송이 없는 채팅. 요새 상상이나 할 수 있을까요?아뇨. 없을 겁니다. 그래서 준비했습니다. 호홓 따라오쇼~ STEP 1. 사진 촬영/선택 후 이벤트 처리**편의상 모든 설명은 사진 촬영 기준으로만 합니다.**앨범에서 선택하는 것 또한 동일하오니 복붙해주시면 됩니다. gith..

AngularJS의 조건문에 대해서 살펴봅시다. 1. ng-switch 2. ng-hide, ng-show 3. ng-class 4. ng-if 넷 다 자주 사용되는 문법이니.. 하나만 사용하시기 보단 상황에 맞춰서 쓰시면 되겠습니다. 1-1. ng-switch on에 switch의 대상이 되는 변수를 적어주시고. case대신 when이라고 적어주면 일반 switch-case문과 흡사하네요! ng-switch 예제 입력한 값 : {{shAngVar}} apple을 입력하셨군요. 아무것도 입력하지 않으셨군요 ng-switch 예제 소스 2. ng-hide / ng-show 특정 조건에 있어서 show/hide를 할 수 있는 directive입니다. 저는 ng-repeat과 같이 자주 쓰는 편입니다. ng-..

자바스크립트 사용할 때 어떤게 표준일까? 1. 예전에는 javascript외의 스크립트언어들이 자주 사용되었다. 그래서 브라우저가 javascript를 인식하게 하기위해 적어주었다. 2. Text를 통해서 스크립트를 구현하겠다는 뜻. HTML5에서는 의 type 디폴트가 text/javascript로 지정이 되기 때문에 선언을 해줄 필요가 없으며, 동일한 문장이라고 봐도 무방하다. 유사하게 의 디폴트도 css로 지정이 되기 때문에 type="text/css" 를 지정해줄 필요가 없다. **** 결론1. 웹 표준은 가 맞지만!! 2. HTML5에서는 디폴트로 javascript를 지정해주기 때문에 안적어도됨 ㅎㅎ -> 하위 호환성을 위해서는 적어주는게 좋다. (댓글참조) [출처] 와 의 차이는??|작성자 ..

Ionic으로 앱을 만들다 보면.. Command failed with exit code 65가 은근 자주 발생합니다. 산삼같은 만병통치는 아니지만.. 녹용정도는 되는..방법을 공유합니다. 발생한 상황 1. cordova plugin camera 설치. (iOS platform은 이미 설치된 상황) cordova plugin add org.apache.cordova.camera 2. ionic build ios하니까 에러 발생 해결 1. ionic platform remove ios 로 iOS플랫폼 삭제 2. 다시 camera 플러그인 설치 cordova plugin add org.apache.cordova.camera 3. ionic platform add ios 로 iOS플랫폼 재설치 4. 해결완료

소스 다운로드 > https://github.com/cpromise/realtimeChat 이 예제에 사용된 소스 : keep logged in with localstorage을 다운로드 받으시면 됩니다. 이 예제를 완성시킨 소스 : Use Camera and Album(Just take a picture and do nothing with it)을 다운로드 받으시면 됩니다. IONIC 앱에서 카메라와 사용자의 앨범을 제어해보도록 하겠습니다. 차근차근 따라오세요!호홓 STEP 1. 카메라 플러그인 설치 초초 간단해서 하는동안 숨참고해도 될정도입니다. 프로젝트 폴더(최상위 루트폴더)에서 cordova plugin add org.apache.cordova.camera 명령어를 쳐줍시다. 그럼 진행이 되고 완..

본격 Ionic에 jQuery라이브러리 추가하기. 워낙에 간단하지만 Ionic을 처음 켜보고 구조를 잘 모르실 분들을 위해 포스팅합니다. STEP 1. jQuery 다운받기. https://jquery.com/ 에 접속하셔서 다운로드 받아주세요. 버전이나 파일은 아무거나 받으셔도 왠만한거 다됩니다. 다운은 어디로? 내 프로젝트 lib폴더로!! 저같은 경우는 파일의 경로가 /realtimeChat/www/lib/ionic/jsj 가 되겠네요. STEP 2. index.html에서 jQuery 참조시키기 index.html 파일을 보시면 여러가지 셋팅이 되있습니다. 그중 아무곳에서 를 쳐주시면 되겠습니다. (복붙하시면됩니다_) 그 뒤 컨트롤러에서 jQuery선택자를 통해서 편하시게 작업하시면 됩니다!!!

소스 다운로드 > https://github.com/cpromise/realtimeChat 이 예제에 사용된 소스 : deactivate with E-mail을 다운로드 받으시면 됩니다. 이 예제를 완성시킨 소스 : keep logged in with localstorage을 다운로드 받으시면 됩니다. 웹앱을 만들면 브라우저의 속성을 많이 사용할 수 있습니다. 브라우저의 window객체에는 localStroage라는 객체가 있습니다. (sessionStorage도 있으나 차이가 있음.) localStorage와 sessionStorage의 유일한 차이는 만료기간을 설정할 수 있다는 것인데요. Ionic에서 제공하는 localStorage를 사용하여 로그인값을 유지시키는 예제를 진행해보겠습니다. Step ..

소스 다운로드 > https://github.com/cpromise/realtimeChat E-mail주소로 간단한 가입하기. 먼저 화면을 좀 바꿔봅시다. Facebook으로 로그인하기 예제에 이어서 작업할 것이므로 제가 표시한 코드만 참고하시면 됩니다!! Step 1. E-mail, 비밀번호 입력창, 버튼을 만들어 줍시다. 코드에는 어떻게 넣어줬나 보십시다! input태그 2개, 버튼태그 2개를 만들어주었고 Login(), Register()메소드를 사용하겠다고 선언했군요. 그럼 화면은 끝났고 컨트롤러로 가봅시다!! Step 2. Controller를 수정해 봅시다. login(), register()를 구현해주었습니다. * 로그인타입이 여러종류(페이스북, 이메일)이므로 로그인타입을 명시해줬습니다. l..