본문 바로가기

앱개발/cordova

코도바(Cordova) 앱 개발 환경 설정 - 01-1/03

코도바(Cordova)를 사용한 앱 개발 환경 설정을 몇 번에 걸쳐서 할 것입니다.

(단계별 이미지를 삽입하니 너무 길어져 분할합니다.)

  • 01/03 설치해야 할 것들 설치
  • 02/03 코드바를 사용해 앱 실행 파일 만들기
  • 03/04 스마트 폰에서 만든 앱 실행

01 설치해야 할 것들

1) JDK

2) 안드로이드 스튜디오

3) Node.js

4) Cordova 

5) Gradle

 

1) JDK 설치

1-1) JDK download 

(검색창에 jdk download 검색-->노락색 박스로 표시된 곳 클릭)

JDK 설치 01

 

JDK 설치 02

1-2) 자신의 운영체제에 맞는 버전 다운로드

(*확인 방법 : 단축키 win + pause )

컴퓨터 기본 정보

다운로드하기 위해선 오라클 개정을 만든 후 로그인해야 합니다.

로그인 후 아래와 같은 화면이 보이고 자신에게 맞는 버전을 다운로드하면 됩니다. 

JDK 설치 03
JDK 설치 04

1-3) 설치 파일 실행

설치파일이미지

 

다운로드한 설치 파일을 실행하고 변경 없이 next로 진행 후 설치가 완료되면 close 클릭해 종료합니다.

1-4) 환경변수 설정

실행창(단축키 : win+R )에 아래 이미지와 같이 sysdm.cpl을 입력합니다. 

실행창

아래 이미지와 같이 시스템 속성이 나오면 고급 > 환경 변수를 클릭합니다.

그림과 같이 [ 새로 만들기>변수이름: JAVA_HOME > 변수값:JDK설치폴더 경로 를 입력 ] 후 확인을 클릭합니다. 

JAVA_HOME이 추가되었습니다. 

다음은 Path를 편집하겠습니다. 아래 그림과 같이

[ Path를 선택 > 편집  > 새로만들기 > %JAVA_HOME%\bin 입력]

이렇게 환경 변수 편집까지 완료했습니다. 

 

1-5) 정상 설치 여부 확인

[단축키: win+r]로 실행창을 연 후 cmd를 입력하여 명령 프롬프트(도스 창)를 실행합니다.

도스 창에 java -version (설치된 jdk 버전을 표시하는 명령)을 입력하여 아래 이미지와 같이 버전이 표시되면 정상 설치된 겁입니다. 

이상으로 코도바(Cordova) 앱 개발을 위한 환경 설정 중 JDK설정이 끝났습니다. 

바로 나머지 부분도 정리하도록 하겠습니다.