본문 바로가기

분류 전체보기347

728x90
ionic 5 #ion-select close event 셀렉트박스 닫힘 이벤트 태그의 Events 중 닫힐 때마다 체크할 수 있는 이벤트가 존재하지 않아 해당 효과를 내도록 임의로 만든 소스를 공유합니다. 3depth로 이루어진 셀렉트박스를 연계하여 열리도록 한 소스입니다. 첫번째 셀렉트박스의 ionChange 이벤트에 해당 객체 focus 처리를 합니다. 그럼 ionFocus 이벤트가 다음 셀렉트 박스를 오픈시키는 것이죠. import { IonSelect } from '@ionic/angular'; ... @ViewChild('_categoryCCM') _categoryCCM: IonSelect; @ViewChild('_categoryCCS') _categoryCCS: IonSelect; ... onChangeA(): void { this._A.ionFocus; } onChan.. 2020. 7. 8.
Angular 8 #error:“moment” has no exported member 'default' Angular Material 의 Datepicker with custom formats 샘플 소스를 테스트 하는 중 발생한 에러이다. https://material.angular.io/components/datepicker/overview import {default as _rollupMoment} from 'moment'; 의 default 에서 빨간 밑줄이 그어지며 “moment” has no exported member 'default' 라는 에러가 출력되고 해결 방법은 아래와 같다. tsconfig.json파일의 "compilerOptions" 에 "allowSyntheticDefaultImports": true, 한 줄을 추가한다. 출처 : https://stackoverflow.com/que.. 2020. 5. 12.
Android #TextView setText() 로 문자 내용 변경하기 TextView setText() 로 문자 내용 변경하기 안드로이드 Run 후 TextView 내용을 변경합니다. 1단계 - 테스트 준비 비교를 위해 변경되지 않을 TextView와 변경될 TextView 두 개를 추가합니다. 2단계 - 참조 변수 선언 MainActivity 에 뷰의 주소값을 담을 참조 변수를 선언합니다. 3단계 - 문자 내용 세팅 뷰의 주소값을 가져오려면 항상 setContentView(R.layout.activity_main); 호출이 끝난 이 후 작업을 해야합니다. 미리 선언한 참조 변수 text1 에 뷰의 주소값을 담고 setText("새로운 문자열") 로 문자 내용을 세팅합니다. 4단계 - Run하기 전 미리보기 화면 확인 문자 내용을 변경하는 소스가 추가되었음에도 미리보기 화.. 2020. 5. 8.
Angular 8 #error: MatNativeDateModule, MatMomentDateModule, or provide a custom implementation. error : (...) you must import one of the following modules at your application root: MatNativeDateModule, MatMomentDateModule, or provide a custom implementation. (...) 원인 : CustomComponent 들을 공통모듈화 하고 shared module 에 import 하였더니 나온 오류이다. 원인은 CustomComponent 에 사용된 태그 중 Angular Material 태그가 사용됐었는데, CustomComponent 모듈에 import 해주지 않아 생긴 오류였다. 커스텀 컴포넌트 - InputMatDatepickerComponent 컴포넌트 모듈 - CustomC.. 2020. 5. 7.
VSCode #Ctrl Shift F 검색 - 켜진 파일 내에서만 검색될 때 해결 분명 문자열이 포함된 파일이 있는데 켜진 상태가 아니면 검색이 안되는 현상이 생겼다. 설정탓인가 싶어 VSCode 삭제 후 재설치를 했지만 해결되지 않았다. 알고보니... .gitignore 에 무시하는 폴더경로에 포함되면 Ctrl Shift F 로 검색해도 안나오더랬다 ㅠㅠ apidoc 을 설치한 후 gitignore에 /src/경로 무시를 추가한다는게 /src 를 추가했던거였다. .gitignore 의 src/ 속성을 지우니 검색이 잘된다. 2020. 5. 7.
Android # RelativeLayout RelativeLayout View들 간의 관계를 설정하여 배치하는 레이아웃입니다. RelativeLayout 은 별다른 속성이 없고 배치된 View들에게 속성이 추가됩니다. RelativeLayout 안에 View들을 배치하게 되면 자식이 되고 RelativeLayout 는 부모가 되어 자식-부모 관계가 됩니다. 부모와의 관계 - 자식 배치 기준 alignParentTop : 뷰의 상단을 부모의 상단에 맞춘다. alignParentBottom : 뷰의 하단을 부모의 하단에 맞춘다. alignParentLeft : 뷰의 좌측을 부모의 좌측에 맞춘다. alignParentRight : 뷰의 우측을 부모의 우측에 맞춘다. 부모와의 관계 - 자식 정렬 기준 centerHorizontal : 뷰의 가로 중앙을 .. 2020. 5. 7.
Android # LinearLayout 선형 레이아웃 Layout 레이아웃 이란? Android에서 화면을 구성할 때 View가 배치 되는 모양을 결정하는 것을 Layout 이라고 부릅니다. Layout의 종류는 LinearLayout, RelativeLayout 등이 있으며, android:orientation 특성을 통하여 지정할 수 있습니다. Android Guide에 따르면 성능과 툴링 지원을 개선하기 위해 ConstraintLayout으로 레이아웃을 빌드하는 방법을 권하고 있습니다. LinearLayout 선형 레이아웃 LinearLayout은 세로 또는 가로의 단일 방향으로 모든 하위 요소를 정렬하는 View Group입니다. (vertical : 위에서 아래로 배치 / horizontal : 왼쪽에서 오른쪽으로 배치) LinearLayout 에.. 2020. 5. 6.
Angular 8 #ExpressionChangedAfterItHasBeenCheckedError ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'display: none'. Current value: 'display: block'. 앵귤러에서 dom의 변화를 감지하도록 해야 해결된다. import { Component, ChangeDetectorRef } from '@angular/core'; @Component({ selector: 'sample', template: ` ` }) export class Sample{ public display = 'none'; constructor(private cdr: ChangeDetectorRef) {} present.. 2020. 4. 27.
『우리는 왜 한나아렌트를 읽는가』를 읽고 우리는 왜 한나아렌트를 읽는가 "우리는 권리를 가질 권리가 있다" 한나 아렌트를 읽는 이유는 하나로 정의할 수가 없습니다. 거짓의 정치를 경계하기 위해서? 폭력은 권력이 될 수 없다는 근거를 찾기 위해서? 답은 없지만 질문을 통해 성숙해진 나를 발견합니다. 추천으로 읽게 된 책이고 천천히 읽어 반년이 소요되었지만 잠깐 잠깐 읽을 때 마다 나이브한 존재가 되지 않도록 사회에 대한, 스스로에 대한 경각심을 가지게 해준 책입니다. 요즘 부쩍 많아진 가짜뉴스와 가짜뉴스 저격 가짜뉴스에 지친 분들에게 추천드립니다. 추신. 책에 나오는 단어 몇 개 정리 110p 선결조건 : 다른 문제보다 먼저 해결하거나 결정해야 하는 조건 111p 적실성 : 실제에 들어맞다(현실에 적절) 123p 나이브하다 : 소박하고 천진하다 .. 2020. 4. 22.
모바일 width100%, viewport scale 안먹을 경우 디바이스 사이즈와 기존 body 사이즈의 스케일을 체크하여 meta 태그 속성을 업데이트 하는 소스입니다. // 내 사전준비 태그 2020. 2. 28.
728x90
728x90