bboks.net™

Ionic production 빌드 후 잘되던 FileReader의 onload가 안됨 구글링 해보니 나와 같은 현상을 겪은 사람들 발견 아래와 같이 처리 기존코드 const file = event.target.files[0]; const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = () => { console.log(reader.result); }; 수정버전 const file = event.target.files[0]; let FileReader: new() => FileReader = ((window as any).FileReader as any).__zone_symbol__OriginalDelegate; const ..

Ionic 버전이 6.15.x에서 6.16.x으로 업그레이드 되면서 capacitor 버전도 2.x에서 3.x로 올라갔다. Ionic 6.15.x를 이용해서 Android platform을 추가하려고 하니 unknown option ‘–npm-client’ 오류가 발생하면서 추가가 되지 않음..... 구글링하고 Ionic을 최신(6.16.x)으로 변경하니 정상적으로 추가가 됨 ionic cap run android -l --external을 이용해 실행하려고 하니 Anroid SDK를 찾지 못한다고 하여 윈도우 환경 변수에 ANDROID_HOME 추가 후 다시 실행 capacitor 2.x에서 실행시 Android Studio가 뜨던 것과 다르게 기기에 바로 설치되어 실행(안드로이드 native 디버깅을..

모든 앱이 그렇겠지만 ionic으로 만든 앱도 시스템의 theme를 따라간다.앱에 따라 dark 테마를 적용하지 말아야 할 때가 있다.제거하는 방법은 variables.scss의 dark schema를 제거하면 된다. @media (prefers-color-scheme: dark) 에서 아래 부분을 제거하면 dark 테마가 적용되지 않는다. *ionic 7 updateinex.html의 color-scheme 수정[참고] Disable dark theme in Ionicionic 미국식[aɪ│ɑːnɪk]영국식[aɪ│ɒnɪk]1. 이온의2. 이온성의 (→covalent)3. (건축 양식이) 이오니아식의

tab과 sidemenu를 조합하여 사용하기 위해 split pane을 사용하던 중 안의 컨텐츠가 반 밖에 나오지 않는 문제 발생 Menu {{p.title}} Logout 구글링 중 split pane에도 contentId를 써줘야 한다는 해결방법을 찾음 Menu {{p.title}} Logout 적용을 해주니 해결 [참고] How to Combine Ionic 4 Tabs and Side Menu Navigation Split pane content width