gguldiary

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 기기에서 설정-개발자도구에서 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..

Boolean Variable값에 따라 class 적용하기 multiple class 조건부 삼항 연산자 method에서 받아오기 style 사용하기

Cherry pick다른 브랜치의 특정 커밋을 현재 브랜치에 병합브랜치 전체를 merge하는 것이 아닌 다른 브랜치의 특정 한 커밋만 merge하고 싶을 때 사용한다.$ git cherry-pick

Bisect버그가 발생했을 때 원인, 시점을 찾을 때 사용한다.$ git bisect start$ git bisect bad$ git bisect good $ git bisect bad---------------------------$ git bisect git bisect는 이진검색을 이용하여 버그 발생 시점을 찾아낸다. 해당 커밋에 에러가 없으면 $ git bisect good해당 커밋에 에러가 있으면 $git bisect bad 명령을 입력하면 된다.N개의 커밋이 있을 때, 1+log₂N번 이하의 테스트로 버그가 있는 커밋을 찾아낼 수 있다.

git에서 과거의 커밋을 되돌리는 방법은 두가지가 있다. Reset push를 하기 전 모든 commit을 초기화 할 때 사용reset한 commit 이후의 history가 사라지는 안전하지 않은 방법$ git reset HEAD^: 이전 하나의 커밋 상태로 돌아가기$ git reset HEAD~2: 이전 두번째 커밋 상태로 돌아가기--soft: 커밋만 되돌리고 싶을 때--mixed: 변경한 인덱스의 상태를 원래대로 되돌리고 싶을 때 (default)--hard: 최근의 커밋을 완전히 버리고 이전 상태로 복구$ git reset --hard ORIG_HEAD: 실수로 reset했을 때 Revert push를 이미 했을 때, 해당 commit만 초기화 하고 싶을 때 사용한다.모든 history가 남는 안전..

Stash커밋하지 않은 작업을 스택 영역에 임시 저장하는 기능stash가 필요한 경우는 다음과 같다 - 커밋을 하지 않은 작업이 있는데 다른 branch로 checkout하려니 충돌이 나는 상황 - 작업하기 전 상황을 실행시키고 싶은데 커밋이나 폐기하기 싫은 경우 $ git stash: 임시저장$ git stash pop: 가장 최신 stash를 불러온 뒤 저장소에서 삭제$ git stash clear: 모든 stash 삭제 소스트리에선 상단의 스태시 버튼을 눌러 임시저장을 하고 왼쪽하단의 스태시 목록에서 스태시를 적용하거나 삭제할 수 있다.