IT/안드로이드 썸네일형 리스트형 Cordova Build 및 Build Error Cordova Build 및 Build Error Plguin 추가 및 삭제를 매번 처리하다보면간혹 Build가 꼬이는 경우가 발생될 수 있다. 머. 저도 정확한 해결을 아는건 아니지만 경험과 노하우를 통해 해결이 되었던 점을 작성합니다. App 프로젝트 경로 이동Config.xml -> Plugin -> version -> Check 필수 : Android Version 과 Plugin Version 호환 여부 체크후 처리Package.Json -> Plugins 및 dependencies 체크 -> Version check필수 : Config.xml = Pacjage.Json Version 및 Plugin 체크간혹 누락되거나 버전이 안맞는 경우가 존재개발자가 직접 변경 하는 경우 등등App Andro.. 더보기 Cordova 명령어 1. Cordova 설치npm install -g cordova@latestnpm install -g cordovasdk install gradle 4.4.1npm install pouchdb-adapter-cordova-sqlitenpm install -g browser-sync --save-devnpm install -g gulp 2. Cordova Updatenpm update -g cordova 3. Cordova App 삭제npm uninstall express 4. Cordova App 생성cordova create hello com.example.App App 5. Cordova App 이동cd D:\eGovFrameDev-3.6.0-64bit\workspace\hello 6. Cordova.. 더보기 Crodova Content-Security-Policy Crodova Content-Security-PolicyCordova Android Image 출력 Cordova App 생성 후에 갤러리에 있는 이미지 파일을 화면에 출력하는 과정에서 발생된 문제... 해결 방법 Content-Security-Policy 검색을 통한 이해 https://content-security-policy.com/앱의 보안을 위해 App안에서만 파일 접근이 가능한데설정을 통해 접근허용을 해주는 설정입니다.진행1. 갤러리에서 사진 선택 후 App내에 파일 생성2. App 생성된 파일 읽고 출력3. 출력과정에서 아래와 같은 에러 발생4. 이미지 선택 후 출력되지 않음5. App 브러우저에서 아래와 같은 오류 발생6. App View 상단에 태그 추가object-src 'self' b.. 더보기 Cordova Window 설치 및 실행 지금까지 작성한 Cordova 설치 및 실행을 배경으로 글을 정리해서 다시작성합니다Window 환경입니다 1.Node.js 설치Node.Js는 사이트에 가서 프로그램을 다운받고 별 다른 어려움 없이 설치가 쉽습니다.버전확인node -v업데이트선택 버전 : npm install --global --production npm-windows-upgrade최신버전 : npm-windows-upgrade --npm-version latest 2. Cordova 설치1. 기본 설치 : npm install -g cordova2. 빌드 설치 : sdk install gradle 4.4.1프로젝트만 만들면 머하나요.프로젝트가 잘만들어 졌는지 테스트를 하기위해서는 빌드를 진행해서 확인해봐야합니다그러기 위해 필요한 Gra.. 더보기 cordova sdk 설치 및 구동 cordova sdk 설치 및 구동 이전에 Cordova 환경에서 개발한 하이브리드앱 진행 했던 소스를 기반으로다른 모바일 개발을 진행하려고 환경을 세팅하는 도중...너무 오래된 기억으로 인해 설치하는데 고생하여 다시 적어봅니다. 이전 프로젝트 소스를 구동하든 다시 재개발하여 구동하든 환경을 구축 해야 합니다SDK 설치 1. SDK 설치된 파일 구조입니다.Build-toolsplatform-toolstools가 존재해야합니다. 2. tools 구조애뮬레이터 실행 파일이 존재합니다. 3. platform-tools 구조 4. build-tools 구조설치된 build-tools 버전입니다. 전 설치가 완료 되었던 파일을 받아 압축을 해제 했습니다.폴더의 총 용량인데..확실히 대용량이네요. SDK 설치가 완.. 더보기 하이브리드 앱웹 cordova 환경설정 1. Node.JShttps://nodejs.org/ko/ 파일을 다운받고 설치한다. 2. http://cordova.apache.org 에서 Get Started를 통해 확인 - npm install -g cordova - cordova create MyApp - cd MyApp - cordova platform add browser - cordova run browser 결과 자. 여기까지가 기본 환경 설정이다그다음으로 중요한것을 웹앱을 개발하기 위해 필요한 SDK를 설치해야한다. 안드로이드의 SDK 필요 3. https://developer.android.com/studio/index.htmlSDK 설치 진행 4. 환경설정 검사 설치한 영역의 패스가 정확한지 확인한다. 더보기 cordova로 Device Debug 모드 안드로이드 개발을위한 환경 설정을 마치고프로젝트 생성 후 Device로 Debug 모드로 테스트를 진행하는 방법에 대해서 설명하려고 한다. 필자는 이미 설정이 완료된 안드로이드 프로젝트를 받고 진행을 하였기 때문에아쉽게도 안드로이드 프로젝트 설정과 필요한 플러그인 처리에 대해서는 설명을 할 수 가 없다. Debug 모드 1. 휴대폰(Device) 개발자 모드로 변경-> 설정 -> 휴대폰 정보 -> 소프테웨어 정보 -> 빌드 번호빌드번호가 보인다면 연속 터치를 한다. 계속적으로 연타하다보면 개발자 모드로 변경이 된다.-> 설정이 완료되고 나면 [설정] 모드로 다시 들아가 개발자 -> 개발자 옵션 선택 -> USB 연결시 Debug 모드 실행 선택 2. Cmd Window -> Cmd 활성화 -> cd 안드.. 더보기 모바일 웹 ,모바일 웹앱, 하이브리드 웹 안드로이드 모바일 웹,앱웹과, 앱을 사용하여 사이트를 제작하려고 하는데모바일 용은 어떤 걸로 사용을 해야 할지 몰라 그 의미 부터 파악하기 위해 알아 보았다. 모바일 앱 Native App앱 스토어에서 다운받아 설치하여 사용하는 앱 장점디바이스 접근가능(모바일 기능)작동속도가 빠름복잡한 기능 및 게임 기능의 어플에 적합 단점업데이트마다 스토어에 재 등록 및 설치를 해야함.플랫폼 마다 따로 개발(안드로이드,IOS용으로 개발)개발 비용가 시간이 많이 듬 모바일 웹앱 WebApp웹 브라우저의 크기를 스마트폰 용으로 축소 시킨 것 장점브라우저에서 지원하는 모든 플랫폼에서 사용가능업데이트가 빠르다(웹에 적용된 화면 기능을 사용하기 때문에 업데이트가 필요없다)저렴한 비용에 개발 가능 단점디바이스 접근 불가앱스토어 .. 더보기 이전 1 다음
