모바일/Hybrid

폰갭 빠른 20분 설치기 (1)

늘근이 2015. 7. 19. 16:23

http://docs.phonegap.com/getting-started/1-install-phonegap/desktop/

 

위의 링크를 보고 따라하면 정말 미칠듯이 간단하다.

 

전체 설치과정을 요약하면 다음과 같다.

1) 폰갭 데스크탑 설치 후 구동

2) 폰갭 모바일 개발자버전 설치 후 구동

3) + 버튼으로 새로운 프로젝트 생성

4) 프로젝트 폴더에서 소스 수정후 모바일에서 확인

 

 

일단 위에서 깔으래서 깐다.

 

 

 

위와같은애가 뜬다. 음특이하다..

그리고 이제, 플레이스토어에서 모바일로 PhoneGap Developer라는 놈을 깔으라고 한다.

음 뭔가 웹서버를 깔아야 할것 같은데.. 어쨌든 그대로 따라한다.

 

일단 + 버튼을 누르고 폴더를 선택한다.

 

 

 

 

어어? 그냥 돌아간다. 감동의 눙물..ㅜㅜ

그리고 모바일도 돌아간다. 와 정말 편리하다. 사실 개발자 입장에서는 어차피 수백번 깔고 지웠던 아파치를 통해서 서비스하나 뭐하나 크게 상관은 없지만, 세팅에 이렇게 시간이 단축된다는것은 나의 일요일에 다른 연구도 한번 더 해볼 수 있다는 것이다.

 

게다가 모바일에서는 손가락 네개로 누르면 바로 refresh된다 ㅜㅜ 와.... 이런거 정말 좋다.

게다가 직관적인 루트 표시까지.. 물론 개발간지는 vim으로 접속하는 현란한 도스창이지만, 사실 그건 다 까페에서 코딩할때 쓰는 허세용이고 쉽고 이쁜게 좋다.

 

여기까지 하는데 10분...

 

이제 IDE나 섭라임, 혹은 텍스트 편집기로 해당하는 폴더를 연다.

 

 

 

 

일단 코드도 깔끔하게 직관적으로 어느 부분이 어디인지 쉽게 알수있다.

 

 

 

 

 

 

손가락 네개로 클릭하니, 바로 위와같이 모바일 창이 바뀐것을 확인할수 있었다...

adobe가 돈만 많이 버는줄 알았더니, 고작 오픈소스에 이러한 편리함을 제공한다는게..

 

 

그리고 튜토리얼은 끝이난다. 여기까지 하는데 20분도 안걸렸다..

 

 

==================

 

그렇지만 결국에는 개발자인지라...리눅스와 콘솔화면으로 돌아갔다... 미안

 

 


 

 

'모바일 > Hybrid' 카테고리의 다른 글

codename one 설치기  (0) 2015.07.19
Enyo 설치기  (0) 2015.07.19
앱스프레소 이용하기  (0) 2015.07.19
쓸만한 무료 모바일 프레임워크  (0) 2015.07.19
Sencha touch 로 모바일 앱 시작하기 (2)  (0) 2015.07.19