bboks.net™

Ionic 6에서 Angular Schematics 사용

bboks.net — Fri, 19 Aug 2022 14:55:44 +0900

Ionic 5를 사용하다가 6로 넘어와서 프로젝트를 구성하던 중

Angular Schematics를 이용해 module을 생성하려고 하는데 모듈 생성이 되지 않는 현상 발생

에러 내용은

$ ng g module test --module app --route test
File test/test.module.ts does not exist.

뭐지? 구글링을 하던중 링크에서 힌트를 찾고 5와 6의 angualr.json 내용을 확인해보니 다름

Ionic 5

"cli": {
  "defaultCollection": "@ionic/angular-toolkit"
},

Ionic 6

"cli": {
  "schematicCollections": [
    "@ionic/angular-toolkit"
  ]
},

혹시나 하고 6의 내용을 5로 수정하고 나니 정상 동작하는 것을 확인

waning으로 표시가 되기는 하는데 일단 사용하기로 함

pg_rman을 이용한 증분백업

bboks.net — Fri, 15 Jul 2022 15:46:22 +0900

Rocky Linux 8 기준

1. postgresql repo 설치

dnf install https://download.postgresql.org/pub/repos/yum/reporpms/EL-8-x86_64/pgdg-redhat-repo-latest.noarch.rpm

2. 기본 postgresql 비활성화

dnf -qy module disable postgresql

3. postgresql 설치

dnf install postgresql13 postgresql13-server

4. pg_rman 설치

해당 링크로 들어가 설치한 postgresql 버전과 맞는 버전의 pg_rman 설치

rpm -ivh https://github.com/ossc-db/pg_rman/releases/download/V1.3.14/pg_rman-1.3.14-1.pg13.rhel8.x86_64.rpm

5. pg_rman 명령어 전역에서 사용가능하도록 설정

/usr/bin 으로 이동 후 심볼릭 링크 추가

ln -s /usr/pgsql-13/bin/pg_rman pg_rman

6. 백업 디렉토리 생성

mkdir pg_rman_backup
chown postgres:postgres pg_rman_backup

7. postgresql.conf 수정

archive_mode = on

archive_command = 'cp %p /var/lib/pgsql/13/archive/%f'

8. archive 디렉토리 생성 및 권한 변경

mkdir archive
chown postgres:postgres archive

9. BACKUP_PATH 설정

여기서부터 postgres 계정으로 진행

export BACKUP_PATH=/pg_rman_backup

10. 백업 디렉토리 초기화

pg_rman init -B /pg_rman_backup -D /var/lib/pgsql/13/data

11. full backup 실행

pg_rman backup --backup-mode=full -B /pg_rman_backup -D /var/lib/pgsql/13/data --progress

12. pg_rman validate

validate를 하지 않으면 복구에 사용하지 못함

pg_rman validate

validate 전

validate 후

13. 증분(incremental) 백업 실행 및 validate

pg_rman backup -b incremental --progress
pg_rman validate

14. 복구

pg_rman restore -B /pg_rman_backup -D /var/lib/pgsql/13/data --recovery-target-time='복구하고자 하는 시점'

pg_rman restore -B /pg_rman_backup -D /var/lib/pgsql/13/data --recovery-target-time='2022-07-15 15:36:19'

Error: EPERM: operation not permitted

bboks.net — Mon, 7 Mar 2022 11:17:26 +0900

vsCode에서 디렉토리 구조를 변경을 하려고 하는데 Error: EPERM: operation not permitted: rename 오류가 발생하면서 변경이 안되는 현상이 있었음.

구글링을 했는데 npm clean을 하라는 이야기도 있고 했는데도 동일한 현상이 발생.

좀 더 찾아보니 "Angular Language Service" 확장때문이라는 글을 발견, 비활성화를 하고 변경을 하니 적용이 됨.

출처

VS Code - Error: EPERM: operation not permitted

git submodule update

bboks.net — Tue, 23 Nov 2021 17:38:38 +0900

기본 명령어

git submodule update --recursive

초기화되지 않은 하위 모듈 초기화

git submodule update --init --recursive

[출처]

Git update submodules recursively

Ionic production 빌드 후 FileReader.onload 먹통 현상

bboks.net — Tue, 13 Jul 2021 16:18:49 +0900

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 reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = () => {
    console.log(reader.result);
};

[참고]

FileReader.onLoad/onLoadEnd event argument has no target.result property