IT 기록 블로그

새 컴포넌트를 추가 해야 할 때 현재 환경 : mac m1 / Ionic5 / angular(TypeScript) /src/app 하위에 heroes 컴포넌트에 대한 폴더가 생성되고 하위에 총 4개 파일 .component.ts 컴포넌트 파일 .component.html 템플릿 파일 .component.css CSS 스타일 파일 .component.spec.ts 테스트 파일이 생성된다. Ionic Component 생성 컴포넌트는 아래 명령어로 생성할 수 있습니다. 줄여서 ng g c 컴포넌트이름으로도 생성이 가능합니다. n... Read More

Ionic Page Life Cycle 근무하고 있는 곳에서 Ionic & Angular 로 구축된 모바일 프로젝트 진행 중이다. Page life cycle가 어떤 순서로 작동하는지 알아둘 필요가 있어 공부겸 정리해본다. Ionic 페이지 생명 주기 Ionic 및 Angular로 구축된 앱에서 페이지 수명 주기가 작동하는 방식을 다룹니다. 생명주기는 아래 순서대로 이벤트가 발생합니다. Ionic에서 Angular의 생명주기 이벤트도 수용하고 있기 때문에, Angular 로 구현되어 있다면 Angular의 LifeCycle도 같이 고려해 보아야 한다. ngOnInit ionViewWil... Read More

## 참고 ionic Docs 블로그 참고 Read More

Angular 디렉티브 디렉티브(Directive) 는 템플릿 문법의 일환으로 봐도 무방할 것 같습니다. 디렉티브는 엘리먼트에 속성을 부여해 DOM의 모양이나 동작 등의 모든 것을 관리(제어)하기 위한 명령어입니다. 디렉티브 디렉티브는 지시,선언 의미로, 웹애플리케이션 전역에서 사용할 수 있는것을 컴포넌트에서 분리해 구현합니다. 이로 인해 컴포넌트의 복잡도를 낮추고 가독성을 향상시키는 장점이 있습니다. 디렉티브의 종류 앵귤러는 3가지 유형의 디렉티브를 제공합니다. 컴포넌트 디렉티브(Component Directives) 어트리뷰트 디렉티브(Attribute Directives) 구조 디렉티브... Read More

NVM 이란? NVM(Node Version Manager)은 다양한 버전의 Node.js를 간편하게 설치하고 관리할 수 있게 도와주는 도구 입니다. 여러 프로젝트를 진행하다 보면 각 프로젝트에 요구하는 Node.js 버전이 다를 수 있는데 이런 경우 NVM을 사용하면 필요한 버전의 Node.js를 설치하고 쉽게 전환할 수 있습니다. NVM의 주요 기능 Node.js 버전 설치 및 관리 특정 버전의 Node.js를 쉽게 설치하고, 필요에 따라 버전을 전환할 수 있다. 설치된 버전을 확인하거나, 필요하지 않은 버전을 삭제할 수 있다. 버전 전환: ... Read More