'2018/12'에 해당되는 글 2건

  1. 2018.12.29 코도바에서 웹 링크하는 방법
  2. 2018.12.28 코도바 설치하기

코도바에서 웹 링크하는 방법



1. 일반 웹 하이퍼링크 사용


<a href="http://daum.net">링크</a>


이 방식으로 하면 그냥 완전히 링크 페이지로 넘어가버린다.


<a href="http://daum.net" target="_blank">링크</a>


target 속성을 붙여서 외부 브라우저 (PC에서는 새탭/새창)에서 켜지도록 하자.


참고

https://www.w3schools.com/tags/att_link_target.asp (HTML)

https://www.w3schools.com/jsref/prop_html_innerhtml.asp (자바스크립트)




2. InAppBrowser 사용


https://www.tutorialspoint.com/cordova/cordova_inappbrowser.htm


이 링크가 초보자용으로는 제일 설명이 잘 된 걸로 보인다.


적용하는 방법을 잘 모르겠다면 첨부 파일을 참고하자.


source.zip



'Programming > Cordova' 카테고리의 다른 글

코도바 설치하기  (0) 2018.12.28
Posted by Vermond
:

코도바 정보가 너무 없고 공홈 번역이 엉망이라 한번 건드려보면서 기록을 남길 생각이다.


빠른 시작은 홈페이지에 있는 것처럼 따라하면 된다.

https://cordova.apache.org/


영알못을 위해 자세히 설명하자면 다음과 같다.


1. npm 설치

코도바 설치를 하려면 npm이라는걸 설치해야 한다. 


https://www.npmjs.com/


npm 홈페이지에서 중간에 잘 보면 Install npm이 있다. 링크는 여기다.


https://www.npmjs.com/get-npm


Download Node.js and npm 버튼을 눌러 다운받는다. 그러면 운영체제에 맞는 파일이 나올 것이다.

설치하면 된다.


설치 확인 방법은 cmd 프롬프트 같은걸 열어서 npm만 입력하면 된다.

설치되었을 경우 npm 관련 메시지가 뜬다.



2. 코도바 설치


cmd 프롬프트 띄우고 다음 문장 입력하자.


npm install -g cordova


리눅스나 맥은 권한이 필요할수도 있으니 그때는 sudo 사용하자.



3. 프로젝트 생성하기


cordova create <path>


로 설치하면 된다. 물론 이거 다 cmd 프롬프트에서 직접 타이핑해야 한다. 아직 GUI 환경은 못봤다.


나는 원하는 폴더로 이동해서 cordova create MyApp 입력해서 MyApp 이라는 프로젝트를 생성했다.



4. 플랫폼 추가


플랫폼 추가는 프로젝트 폴더 내에서 해야 한다. 나는 MyApp 폴더 안에서 입력했다.


cordova platform add <플랫폼명>


가령 플랫폼명으로 android를 적으면 안드로이드 프로젝트가 추가되는 식이다.


대소문자에 유의해야 하며 지원하는 플랫폼 목록은 아래 커맨드를 입력하여 확인할 수 있다.


cordova platform



5. 앱 실행


코도바는 웹언어 기반이라서 적당히 웹페이지만 열어도 미리보기가 된다. 물론 이러면 제대로 보는건 아니다.


단순 레이아웃 확인 정도는 다음 위치의 파일을 열어서 확인하자.


<프로젝트명>/www/index.html


이 www가 (아마도) 열심히 지지고 볶고 건드릴 폴더이니 기억해두자.



제대로 앱 실행을 해보려면 4번 단계에서 플랫폼 추가했던걸 기억할 것이다. 프로젝트 파일 만들어졌으니 그거 열어서 진행하면 된다.


XCode의 경우 열어서 뭐 하는데 크게 문제는 없었다.

안드로이드가 약간 문제였는데 mips64el-linux-android가 없어서 빌드가 안된다고 하는 경우가 발생했다.


https://github.com/google/filament/issues/15


아래쪽에 설명이 있는데 위치를 말하기 좀 애매하니 스샷으로 대체한다. 보고 따라하면 된다. 쉬운 영어니까 괜찮을거다. 힘들면 구글 번역기 도움을 받자.


나는 7번까지만 하고나서 빌드 시도를 하니까 몇가지를 깔아야 한다고 이야기가 나왔고, 메세지 따라서 수행하니까 나중에는 연결한 안드로이드 기기에서 데모 화면을 출력할 수 있었다.



이정도까지만 하면 아주 기초는 준비된거다.

'Programming > Cordova' 카테고리의 다른 글

코도바에서 웹 링크하는 방법  (0) 2018.12.29
Posted by Vermond
: