NativeScript + Vue3 베타를 계속 공부하면서 여러 가지 베이스 프로젝트들을 만들어 보고 있다. 각종 기능이 담긴 나만의 베이스 프로젝트를 만들어두면 나중에도 검색하는 시간을 줄이고 바로바로 복붙으로 가져다 쓸 수 있기 때문에 자신만의 베이스 프로젝트를 만들어 두는 것을 추천한다. 이번에는 지난 번에 만들었던 NativeScript BottomNavigation 을 좀 더 업그레이드 된 플러그인으로 교체하여 동작하는 것 까지 해보려고 한다. 사실 지난글 2023.10.05 - [IT/Vue] - [Vue3] NativeScript Bottom Navigation 만들기 에서는 아주 기본적인 BottomNavigation 플러그인으로 만들었기 때문에 약간 볼품(??)없는 형태여서 마음에 계속 ..

최근 NativeScript + Vue3(w/TypeScript)로 하이브리드 앱 개발을 계속 하고 있다. 사실 타입스크립트 사용은 고려대상에 없었으나, 네이티브스크립트 + 뷰3 하이브리드 앱 베이스가 타입스크립트 기반으로 되어 있어서 어쩔 수 없이 사용하고 있다. 타입스크립트의 장점은 명확한 타입 사용을 강제하여 코드 품질을 향상시키고 이슈가 될 만한 것들을 컴파일 시 알 수 있게하여 고품질의 코딩을 가능케 한다라고 나와 있으나.. 사실 엄격한 코딩룰이 있기 때문에 코딩을 하면서 신경 쓰이는 게 한 두가지가 아니고.. 이로인해 코딩 속도가 더욱 떨어지는 느낌이다 ㅠㅠ 구글링 하다 보면, Vuex 적용 시 타입스크립트 모듈화에 익숙해지면 훨씬 편하다곤 하는데 아직 그 정도의 실력자가 아닌지라 적응하는게 ..

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

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