반응형

코르도바(Cordova)를 사용하여 안드로이드(Android) 애플리케이션을 개발하기 위한 기본 설정 방법입니다.

1. Node.js 설치

코르도바는 Node.js 기반으로 동작하므로, 먼저 시스템에 Node.js가 설치되어 있어야 합니다. Node.js 공식 웹사이트(https://nodejs.org)에서 안내하는 대로 설치하세요.

버젼은 신경쓰지 마세요.

 

2. 안드로이드 개발 환경 설정

  • Java Development Kit (JDK): Java SE Development Kit을 설치해야 합니다. Oracle 웹사이트 또는 OpenJDK에서 다운로드할 수 있습니다. (JDK 1.9설치 : gradle-7.6이 쌍이니 버젼을 맞춰주셔야 합니다.)
  • Android Studio 설치: Android 개발에 필요한 Android Studio를 설치합니다. 이 과정에서 Android SDK도 함께 설치됩니다. (https://developer.android.com)
  • 환경 변수 설정: 시스템의 환경 변수를 설정하여, JDK와 Android SDK의 경로를 시스템이 인식할 수 있도록 합니다.
    • 환경변수에 JAVA_HOME 추가 : C:\Program Files\Java\jdk1.9
    • 환경변수에 JAVA_HOME_bin 추가 : C:\Program Files\Java\jdk1.9/bin
    • 환경변수에 ANDROID_HOME 추가 : C:\Users\사용자명\AppData\Local\Android\Sdk
    • 환경변수에 ANDROID_SDK_ROOT 추가 : C:\Users\사용자명\AppData\Local\Android\Sdk
    • (사용자명은 변경해야 합니다.)
    • 윈도우를 재부팅 해야 환경변수가 적용이 됩니다.

 

3. gradle-7.6 설치

  • 다운로드 ( https://gradle.org/releases/ )
  • C:\Gradle\gradle-7.6\bin 위치에 압축 풀기..
  • 환경변수 path에 C:\Gradle\gradle-7.6\bin 추가

 

4. 코르도바 설치

Node.js 설치 후, 코맨드라인(명령 프롬프트 또는 터미널)을 열고 다음 명령어를 입력하여 코르도바를 글로벌로 설치합니다. WebStorm SDK사용시 터미널에서 입력하시면 됩니다.

코르도바는 글로벌로 설치되는것이라 경로는 아무곳에서나 해도 상관없습니다.

npm install -g cordova

 

5. 코르도바 프로젝트 생성 및 안드로이드 플랫폼 추가

  1. 프로젝트 생성: 다음 명령어를 사용하여 새 코르도바 프로젝트를 생성합니다.
    cordova create hello com.example.hello HelloWorld
    cordova create (프로젝트명) (패키지명) (어플이름)
    이 명령은 hello라는 디렉토리에 프로젝트를 생성하고, 패키지 이름을 com.example.hello로, 앱 이름을 HelloWorld로 설정합니다.
  2. 프로젝트 디렉토리로 이동:
    cd hello
  3. 안드로이드 플랫폼 추가: 프로젝트 디렉토리에서 다음 명령어를 사용하여 안드로이드 플랫폼을 프로젝트에 추가합니다.
    cordova platform add android
  4. 생성한 프로젝트 hello안쪽에 www폴더에 해당 html소스들을 넣어주면 index.html이 실행되는것을 볼수 있다.

 

6. 실행

  1. 코맨드라인(명령 프롬프트 또는 터미널)을 열고 다음 명령어를 입력하여 코르도바를 글로벌로 설치합니다. WebStorm SDK사용시 터미널에서 입력하시면 됩니다.
빌드만 할경우
cordova build android

빌드 + 설치(폰과 케이블 연결 필요)
cordova run android

 

2. hello\platforms\android\build\outputs\apk 안에 [android-debug.apk] 파일이 생성된다.

3. 빌드가 실패할경우 안드로이드 SDK버젼이 맞지 않아서 그럴수 있습니다. 안드로이드 스튜디오에서

  - 설정 >> SDK Manager 클릭>> Android SDK >> SDK Tools에서 저는 기본적으로 34.0.0이 설치되어 있는데 코르도바 셋팅된것은 33.0.2버젼을 찾아서 33.0.2버젼을 설치했습니다.

 


이제 기본적인 코르도바 안드로이드 개발 환경이 설정되었습니다. 개발 환경이 준비되었으니, 이제 앱을 개발하고 테스트할 수 있습니다.

728x90
반응형
반응형

HTML에서 새 창을 띄우려면, 주로 <a> 태그의 target 속성을 사용하여 링크를 클릭할 때 새 창이나 새 탭에서 페이지가 열리도록 설정할 수 있습니다. 여기에는 여러 옵션이 있지만, 새 창을 띄우는 가장 일반적인 방법은 target="_blank"를 사용하는 것입니다.

 

예제:

<a href="https://www.example.com" target="_blank">방문하기</a>
 

이 코드는 사용자가 "방문하기" 링크를 클릭할 때, https://www.example.com 주소로 새 창이나 탭을 열도록 합니다. target="_blank" 속성이 바로 이러한 동작을 지정합니다.

 

target 속성의 다른 값들:

  • _self: 링크된 문서를 현재 창에서 엽니다. 이것은 기본값입니다.
  • _blank: 링크된 문서를 새 창이나 탭에서 엽니다.
  • _parent: 링크된 문서를 부모 프레임에서 엽니다. 현재 페이지가 프레임 안에 있지 않다면, 이 옵션은 _self와 동일하게 작동합니다.
  • _top: 링크된 문서를 전체 창에서 엽니다. 현재 페이지가 여러 프레임으로 나누어진 경우, 모든 프레임을 무시하고 가장 상위의 창에서 링크된 페이지를 엽니다.

 

JavaScript를 사용한 새 창 열기:

HTML 외에도 JavaScript의 window.open() 함수를 사용하여 새 창을 열 수 있습니다. 이 방법은 좀 더 세밀한 제어가 필요할 때 유용합니다.

window.open('https://www.example.com', '_blank');

이 함수는 첫 번째 매개변수로 URL을 받고, 두 번째 매개변수로는 해당 URL을 어떻게 열지를 결정하는 문자열을 받습니다. 여기서도 _blank를 사용하면 새 창이나 새 탭에서 페이지가 열립니다.

이 방법들을 통해 HTML 문서에서 사용자의 행동에 따라 새 창을 열거나, 프로그래매틱하게 JavaScript를 사용하여 새 창을 열 수 있습니다.

728x90
반응형
1

+ Recent posts