본문 바로가기

하이브리드앱8

하이브리드앱 개발에 필요한기술 기본적으로 앱개발은 프론트엔드쪽과 백엔드쪽으로 나뉘게된다.해당 이미지는 프론트엔드의 기본적인 로드맵이다. 이중에서 Learn the Basics의 HTML과 CSS, JavaScript 까지는 기본적으로 익히고 있어야하며jQuery같은경우 선택이지만 jQuery까지 익히고 시작하는것이 만약 하이브리드 앱을 개발하면서 Stand Alone형태의 앱을 개발한다면(서버와통신하지않는 형태의앱) 일단 백엔드부분까지는 필요없겟지만디자인 및 기능구현을 위해서는 HTML,CSS,JavaScript까지는 필수다. 기본적으로 해당기술을 익힐수 있는생활코딩 : https://www.opentutorials.org/course/1W3School : https://www.w3schools.com/ 해당 두사이트를 참고하여 익히.. 2017. 10. 17.
CORDOVA 하이브리드앱 개발환경 설정 - 6 (ANDROID SDK) ANDROID SDK1. 안드로이드 SDK 다운로드- https://developer.android.com/studio/index.html sdk설치에는 2가지 방법이 가능하다. 첫번째는 Android Studio에 포함되어있는 형태로 설치하는법과 명령줄 도구만 다운로드해서 사용하는 방법이 존재한다. 편하게하는법은 첫번째고 두번째는 자체적으로 설정할게 많다.하지만 나에게는 Android Studio도 쓸일이 있으므로 첫번째 방법을 사용한다.현재 설치당시 버전은 2.3.3버전이다. 참고로 SDK의 경우 굉장히 용량을 많이 차지한다. 용량이 부족하지 않은곳에 설치하는것을 권장한다.나의 경우 SDK설치경로만 변경하여 d:\의 AndroidSDK라는 폴더생성후 SDK를 설치하였다.안드로이드 스튜디오를 실행하면 .. 2017. 9. 26.
CORDOVA 하이브리드앱 개발환경 설정 - 5 (APACHE ANT) AHACHE ANT1. ANT 다운로드- http://ant.apache.org/bindownload.cgi작성일 기준 최신버전은 1.10.1버전이다.apache-ant-1.10.1-bin.zip파일을 다운로드 받는다. 2. 다운로드 받은 파일을 압축을 푼다. 압축을 풀게되면 pache-ant-1.10.1-bin 폴더내에 apache-ant-1.10.1폴더가있다.apache-ant-1.10.1폴더를 원하는곳으로 옴긴다.나의 경우 c:로 바로 지정하였다. 3. 환경변수 설정앞쪽 JDK설치하는곳에서 설명한 환경변수 설정하는곳으로 이동한다. JDK설정페이지로 이동 ● 환경변수에서 시스템 변수에서 새로만들기 선택 변수 이름 : ANT_HOME변수 값 : 압축파일을 풀었던 경로현재는 상단에 설치했던 경로 C:\a.. 2017. 9. 22.
CORDOVA 하이브리드앱 개발환경 설정 - 4 (NODEJS) NODEJS설정1. NODEJS 다운로드- https://nodejs.org/ 작성일 기준으로 최신버전은 8.5버전이며 마찬가지로 빌드용으로만 사용되므로 LTS버전이나 최신버전이나 크게 상관이없다. 자신이 원하는 버전을 다운받아서 설치하면된다. 나의경우 8.5버전을 기준으로 진행하였다. 참고로 NODE버전 컨트롤을 하려면 NVM을 설치하면 편하게 관리할 수 있다.nvm : https://github.com/creationix/nvm 2. 다음다음다음다음.. 2017. 9. 22.
CORDOVA 하이브리드앱 개발환경 설정 - 3 (GIT 설정) GIT설정 1. 해당 사이트로 이동후 다운로드https://www.git-scm.com/ 작성일 기준 GIT버전은 2.14.1버전이다. 2. 설치 파일을 모두 기본형태로 설치Git을 하이브리드 앱 구동용으로만 설치하므로 기본형태로만 설치해도 전혀 문제가 없다. 하지만 Git을 제대로 사용할 사용자는 자신의 입맛에 맞게 옵션을 맞춰가면서 설치하면 된다. 2017. 9. 21.
9월까지 계획 9월까지 계획● CORDOVA 하이브리드 앱 개발환경설정1차적으로 개발환경 세팅이 끝난후 기본적으로 하이브리드앱으로 개발과정 개발에관련된툴을 설명하고 직접적으로 간단하게 앱을 제작할수 있도록 하는걸 목적으로한다. ● 차후계획필요한 기술에대해서 하나씩 설명하면서 간단한 어플을 직접 개발할수 있게한다. 2017. 9. 21.
CORDOVA 하이브리드앱 개발환경 설정 - 2 (JDK 설정) JDK설정 - JDK(Java SE Development Kit)- 설치이유 : 자바의 구동을 위해서 1. JDK 다운로드http://www.oracle.com/technetwork/java/javase/downloads/index.html 링크된 경로로 들어가서 JDK를 다운로드 받는다. 작성시간 기준 : JAVA버전은 8u144버전 작성자 PC기준 64bit 윈도우를 사용하므로 윈도우버전을 다운받았다. 2. JAVA설치예전에는 경로명과 파일명을 잡아줬는데 그것조차도 이제 귀찮다 그냥 설치.. 3. 환경변수설정- 환경변수 설정이유 : 컴퓨터의 모든 폴더에서 자바의 사용을 위해, java와 javac의 명령어를 사용하기 위하여- 현재 작업중인 환경은 WINDOWS10 64BIT의 운영체제를 사용중이다. .. 2017. 9. 19.
CORDOVA 하이브리드앱 개발환경 설정 - 1 (준비물) 하이브리드 앱개발용 CORDOVA 개발환경설정(안드로이드기준)- 기본적인 내용은 http://cordova.apache.org/ 를 기준으로 작성된다.설치순서 및 과정 1. JAVA(JDK) - http://www.oracle.com/technetwork/java/javase/downloads/index.html2. GIT - https://www.git-scm.com/3. NODEJS - https://nodejs.org/4. AHACHE ANT - http://ant.apache.org/bindownload.cgi5. ANDROID SDK - https://developer.android.com/studio/index.html6 CORDOVA - http://cordova.apache.org/ 2017. 9. 19.