오늘도 즐거운 하이브리드 앱 코딩을 하고 있었으나, 여지없이 발생하는 컴파일 오류들을 해결해보자. 오늘은 네이티브스크립트에서 기본으로 제공하는 테마를 SCSS로 추가하였으나, 해당 파일을 찾지 못해 발생하는 오류였다. 휴.. 틀림없이 모든 모듈을 설치하고 시작한 줄 알았으나, 계속진행되는 개발로 인해 모듈이 없는지도 모르고 개발을 하여 발생한 오류.. 저 오류를 해결하기 위해서는 네이티브스크립트에서 기본 제공하는 테마 모듈을 설치해야 한다. "npm install @nativescript/theme" 아래의 명령어로 모듈 설치 후 컴파일을 진행하면 바로 해결되는 것을 알 수 있다.

NPM 으로 NativeScript 설치 후 Vue 기반 샘플 프로젝트 생성 시 오류가 발생하였다. npn install -g nativescript 설치 까지는 잘 되었다. 문제는 그 다음.. ns create myCoolApp을 하는데 자꾸 아래 같은 에러가 발생하였다. 그래서 처음에는 powershell 에 관리자 권한을 주고 재실행하였으나, 역시나 똑같은 증상이 나타났다. 조금 더 구글링해보니, "set-executionpolicy RemoteSigned" 명령어를 치고 보안 해제 후 해보라는 답을 얻었다. 난 그냥 모두 예를 해서 넘어갔다. 그리고 다시 ns create myCoolApp을 하니 드디어 햅삐엔딩! 물론 위 보안 위협은 있겠지만... 실행할 수 있는 방법을 찾아 기쁘다..

안드로이드에서와 마찬가지로 Vue(이하 뷰)에서도 라이프 사이클은 매우 중요한 부분이다. 컴포넌트가 생성 ▶ 파괴되는 과정에서 발생하는 각각의 라이프 사이클 훅 메서드를 적절히 활용해야 상황에 맞는 다양한 메서드를 응용하여 웹 또는 하이브리드 앱을 만들 수 있으며, 원하는 메서드를 적절한 타이밍에 실행할 수 있다. 아래는 뷰의 대표적인 라이프 사이클 훅이다. beforeCreate: 컴포넌트 인스턴스가 초기화되자마자 가장 먼저 실행되는 훅. 이 시점에는 데이터나 이벤트, 라이프 사이클 메서드 등이 아직 설정되지 않는다. created: 컴포넌트 인스턴스가 생성된 직후 실행되는 훅. 데이터와 메서드가 초기화되어 있어서 이 안에서 데이터를 변경할 수 있지만, 아직 DOM에 마운트되지 않아 DOM을 조작할 수..