본문 바로가기

모바일어플

폰갭 , 메인페이지와 메뉴 개발 폰갭 메뉴 구성폰갭은 html와 js로 구성되어 있다고 지난번 강의에서 이야기 했다. 그럼 어떻게 메뉴를 구성하고 있는지 봐야 될것 같아서 오늘은 폰갭 개발 원리를 이야기 하고 한다. 우리가 홈페이지에서는 일반적으로 하이퍼링크를 이용한다. 태그를 이용해서 메뉴를 이동하게 되는데 폰갭에서는 조금 다른 구성으로 제작된다. 개개인마다 다르지만 필자의 경험에서 이야기를 풀어 간다.위 다이어 그램은 index.html 을 만들때 메뉴와 컨텐츠 영역을 나누어서 제작된다. 그리고 메뉴를 클릭하게 되면 #main_contents를 변경하는것이다. 조금 생소하기는 하지만 홈페이지 제작에서도 많이 사용되는 기법이다. 메뉴 아이콘 마다 별도의 html을 가져와서 컨텐츠 영역에 바꿔 버리는 방법이다. 그림을 보면 클릭한후 서.. 더보기
폰갭으로 어플 만들자. 폰갭 설치방법부터 실행까지 폰갭 설치폰갭은 phonegap.com 사이트에서 툴을 모두 제공합니다. 다운로드하셔서 설치하면 하면 쉽게 만들어갈 수 있습니다.폰갭의 툴이 점점 발전해서 이제는 쉽게 개발하고 만들어 갈 수 있도록 제공하고 있습니다. 얼마 전까지 폰에 apk를 설치해야 테스트 가능했던 환경까지 실시간으로 수정하고 테스트할 수 있도록 제공하고 있습니다. 물론 아이폰과 안드로이드 모두 가능합니다. http://phonegap.com/ 폰갭 사이트에서 폰갭 프로그램을 다운로드하으세요.Desktop app을 설치하시면 됩니다. 폰갭사이트윈도우용과 맥용으로 구분되어 있습니다. 해당하는 프로그램을 설치하시면 됩니다.리눅스용은 없습니다. 가장 아쉬운 점이기도 합니다. 전 리눅스 환경에서 개발하는데 아쉽더군요. 맥이든 윈도우든 sub.. 더보기