안드로이드 환경에서 Termux 환경에서 우분투 셋팅하고 VSCode 도 설치해서 개발 환경도 구축해두었고, 이제는 Figma를 설치해보려고 한다. 최근 기획, 디자인, 프로토타이핑 툴로 Figma가 점점 대세가 되어가는 것 같고, 나의 경우에도 업무를 함에 있어서 피그마를 점점 많이 사용하고 있어서 내가 사용하는 태블릿에 피그마 작업을 할 수 있는 환경을 계속 구축하고 싶었는데... 안드로이드 환경에서는 뷰어 수준의 앱만 제공되고 있고, 윈도우/맥/리눅스 환경에서 피그마 툴을 설치해서 작업을 할 수 있다. 때마침 Termux 로 우분투 환경도 구성해두었고, 피그마를 설치해보자 라는 생각이 들었다. 1. 피그마 릴리즈 홈페이지에서 deb 파일 다운로드 https://github.com/Figma-Linu..

iOS 앱을 개발하다 보면 마지막 배포 부분에서 꼭 이슈가 하나씩 생기는 것 같다. 나의 경험 상 개발된 앱 품질이나 UI, 라이브러리 등 iOS 가 갖는 여러 가지 장점이 많은 것도 사실이지만, 개발IDE / 앱 실행 / 인증서 등에서는 Android 에 비해 이슈가 많은 것 같다. 결론. iOS 앱을 기기에서 직접 테스트 할 경우 Adhoc 프로파일로 빌드하여 테스트 할 것. 앱스토어 배포 시에만 App Store 프로파일로 빌드하여 배포할 것. 이번에도 App Store 프로파일로 앱을 빌드하고 아카이빙 해서 ipa 를 생성하고 디바이스 테스트를 하려고 하였으나 아래와 같은 이슈가 발생하여 열심히 구 선생님께 질문을 드렸더랬다. 아래와 같은 앱 무결성 오류가 나면서 설치부터 에러가 나는 것.... ..

현재 NativeScript 에서 공식적으로 지원하는 것은 Vue2 이다. 물론 다른 언어들도 공식 지원하지만, 여기서는 Vue 만으로 얘기한다. 뷰2 기반으로 만들어도 다양한 하이브리드 앱을 만드는 것에는 문제가 없다. 다만 코딩상 뷰2가 갖는 비효율성으로 인해 유지보수가 어려워지는 경우들이 쌓이다 보면 나중에 어려운 상황이 올 수 있다. NativeScript 와 Vue3의 조합은 현재 베타 버전이 진행중인 상태이며, 크롬 뷰 데브툴 사용도 안드로이드 에뮬레이터 or iOS 시뮬레이터 환경에서만 가능하고 실제 디바이스에서는 사용이 불가함 등등 몇 가지 제약이 있다. 그럼에도 불구하고 Vuex 와 같은 필수적인 라이브러리를 활용하고 싶다면 반드시 뷰3 기반으로 프로젝트를 생성해야 한다. 뷰2 기반의 프..

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

모바일 하이브리드 앱 개발 중 빌드 후 휴대폰에서는 잘 동작하나, 안드로이드 에뮬레이터 상에서는 동작하지 않는 이슈가 발생하여 한참을 삽질한 결과 해결 방법을 찾아냈다. 에러 로그 전문 서드파티 so 파일을 찾을 수 없어 발생하는 에러였다. 개발중인 하이브리드 앱에는 서드파티 so 라이브러리가 내장되는데, arm64-v8a, armeabi, arm64-v7a 이 3가지 ABI 형태의 so 파일이 사용되고 있다. 휴대폰의 ABI는 arm64-v7a 였으나, 안드로이드 에뮬레이터는 x86_64로 확인되었다. 구글링 끝에 ndk 빌드 시 ABI를 지정해줌으로써 에뮬레이터에서도 돌아가는 것을 확인할 수 있었다. App 수준 build.gradle에 ndk 관련 옵션 추가 후 재빌드 및 실행 android { d..