Chapter 03 앵귤러 아키텍쳐 3.1 뷰를 구성하는 요소 Angular: 사용자용 애플리케이션 개발을 위한 프레임워크. HTML과 typescript로 single-page client application을 만드는 플랫폼이자 프레임워크. 사용자용 애플리케이션: 애플리케이션에 사용자와 상호작용할 UI 또는 뷰가 있음 프레임워크: 고유의 실행 방식이 있으며 일련의 정해진 규칙에 맞추어 작성된 비즈니스 로직을 관리, 실행하는 컨테이너 Ng serve 명령이 실행 중이면 앵귤러 CLI가 코드의 변경사항을 자동으로 감지하여 소스를 다시 컴파일하여 열려 있는 브라우저의 페이지를 자동으로 새로고침함 컴포넌트: 뷰에서 일어나는 모든 일을 관리함. 기능이나 공통의 관심사를 기준으로 묶어 여러 컴포넌트로 하나의 화..
예전에 정리해놨던 자료인데 재업합니다. How to update to Angular 5https://github.com/angular/angular-cli#installation Angular 5 upgrade toolUse a nifty tool to make upgrading as easy as possible. Http Deprecated4.3 버전 이하에서 HTTP requests를 위해 사용하던 @angular/http module이 @angular/common/http의 HttpClient API로 변경되었다.(JSON body type을 지원하는) 타입이 지정된 동기반응형 body accessJSON은 가정 된 기본 값이며 더 이상 명시 적으로 구문 분석을 하지 않음Interceptors를 ..
데이터를 페이징, 정렬 처리 하기위해 Pageable과 Sort 기능을 사용한다다. https://docs.spring.io/spring-data/commons/docs/current/api/org/springframework/data/domain/Pageable.html https://docs.spring.io/spring-data/commons/docs/current/api/org/springframework/data/domain/PageRequest.html https://docs.spring.io/spring-data/commons/docs/current/api/org/springframework/data/domain/Sort.html 해당 repository public interface Stu..
Android / IOS 데스크탑에서 모바일기기 디버깅하기
Android 기기에서 설정-개발자도구에서 USB 디버깅을 활성화 시킨다. 크롬에서 chrome://inspect/#devices로 접속한다. 위의 캡쳐처럼 기기정보가 뜨지 않을 경우엔 adb가 설치된 폴더에서 서버를 실행시켜준다.inspect 버튼을 누르면 Android 디바이스에 켜둔 브라우저나 앱을 inspect할 수 있다. IOS설정-Safari-고급에서 웹속성 활성화 시키기 Mac의 Safari에서 환경설정-고급-메뉴 막대에서 개발자용 메뉴 보기 활성화 시키기 개발자용-기기이름-inspect하고 싶은 페이지나 앱을 클릭 IOS 디바이스에 켜둔 브라우저나 앱을 inspect할 수 있다.
필요한 플러그인 $ ionic cordova plugin add cordova-plugin-camera $ npm install --save @ionic-native/camera$ npm i blueimp-load-image 먼저 ActionSheet를 만들어줍니다. presentActionSheet() { let actionSheet = this.actionSheetCtrl.create({ title: 'Upload Image', buttons: [ { text: 'Take Photo', handler: () => { const options = { destinationType: Camera.DestinationType.DATA_URL, // android에선 FILE_URI를, ios에서는 NATIV..