본문 바로가기

홈페이지및어플/폰갭

폰갭 , 메인페이지와 메뉴 개발 폰갭 메뉴 구성폰갭은 html와 js로 구성되어 있다고 지난번 강의에서 이야기 했다. 그럼 어떻게 메뉴를 구성하고 있는지 봐야 될것 같아서 오늘은 폰갭 개발 원리를 이야기 하고 한다. 우리가 홈페이지에서는 일반적으로 하이퍼링크를 이용한다. 태그를 이용해서 메뉴를 이동하게 되는데 폰갭에서는 조금 다른 구성으로 제작된다. 개개인마다 다르지만 필자의 경험에서 이야기를 풀어 간다.위 다이어 그램은 index.html 을 만들때 메뉴와 컨텐츠 영역을 나누어서 제작된다. 그리고 메뉴를 클릭하게 되면 #main_contents를 변경하는것이다. 조금 생소하기는 하지만 홈페이지 제작에서도 많이 사용되는 기법이다. 메뉴 아이콘 마다 별도의 html을 가져와서 컨텐츠 영역에 바꿔 버리는 방법이다. 그림을 보면 클릭한후 서.. 더보기
폰갭으로 어플 만들자. 폰갭 설치방법부터 실행까지 폰갭 설치폰갭은 phonegap.com 사이트에서 툴을 모두 제공합니다. 다운로드하셔서 설치하면 하면 쉽게 만들어갈 수 있습니다.폰갭의 툴이 점점 발전해서 이제는 쉽게 개발하고 만들어 갈 수 있도록 제공하고 있습니다. 얼마 전까지 폰에 apk를 설치해야 테스트 가능했던 환경까지 실시간으로 수정하고 테스트할 수 있도록 제공하고 있습니다. 물론 아이폰과 안드로이드 모두 가능합니다. http://phonegap.com/ 폰갭 사이트에서 폰갭 프로그램을 다운로드하으세요.Desktop app을 설치하시면 됩니다. 폰갭사이트윈도우용과 맥용으로 구분되어 있습니다. 해당하는 프로그램을 설치하시면 됩니다.리눅스용은 없습니다. 가장 아쉬운 점이기도 합니다. 전 리눅스 환경에서 개발하는데 아쉽더군요. 맥이든 윈도우든 sub.. 더보기
폰갭으로 쉽게 어플 만들자. 동작원리 폰갭이든 네이티브든 동작원리는 같습니다.사실 개발해 보면 기본은 html과 javascript css는 무조건 제대로 해야 합니다. 웹의 기본입니다. 게임을 만들지 않는 이상은 거의 html과 jquery, json, xml 이렇게 사용합니다. html은 쉽다 javascript는 쉽다 css는 별거 아니라고 생각하시는 분들 중에 제대로 구현하실 수 있는 분 아니면 책을 한번 보시길 바랍니다.javascript로 프로그램을 구현한다고 봐야 되는데 javascript로 alert 정도로 생각하시는 분리 하면 책을 한번 꼭 보시길 바랍니다.기본 언어가 쉽지만 그 쉬운 언어 조차 제대로 구현하는 홈페이지 제작자가 적은 것도 사실입니다.css는 @media를 이해하시는 분들은 이해가 되실 정도이고 float를 .. 더보기
폰갭으로 쉽게 어플 만들자. 외부 API란 폰갭 어플은 50% 외부 API 50%처음 진행할 때부터 외부 API를 이야기하였습니다. 내부 API는 진동 등등 다양한 디바이스 제어 기능들을 의미한다면 외부 API는 필수 요소입니다.위치 기반 어플은 구글이나 네이버 다음 지도를 활용해야 되며, 번역의 경우 BING이나 GOOGLE 번역기를 활용해야 합니다. 그리고 PUSH라는 우리가 어플을 설치하면 메시지 전송과 같은 기능은 구글 메시지 클라우드를 이용해야 합니다. 작은 것 하나하나 다 어플에 저장하고 있는 것이 아니며 서비스 회사의 API를 통해 사용하게 됩니다. 어플 개발은 얼마큼 자원을 많이 이용할 수 있는가가 중요한 부분이 있습니다. 자신이 있는 위치는 GPS 좌표를 활용하지만 지도상에 나타내야 사람이 위치를 알 수 있기 때문에 지도 서비스를.. 더보기
폰갭으로 쉽게 어플 만들자. 폰갭의 이해 어플을 개발하기 위해서는 JAVA를 배워야 합니다.JAVA 언어가 어렵지는 않지만 익숙하지 않고 아이폰의 경우 swift로 개발해야 됩니다. 이런 상황에서 조금 생각을 달리해야 되는 것은 각 디바이스별로 언어를 달리 개발할 것인가 하는 문제인데 사실 단순한 어플에 대해서는 이런 부담을 가지고 싶지 않습니다. 폰갭ADOBE에서 제공하는 어플 개발 툴입니다. 사실 윈도우와 아이폰 그리고 안드로이드를 동시에 파일을 만들어 낼 수 있는 툴입니다. 폰갭에서 사용되는 언어는 html과 javascript 를 활용해서 어플을 만들 수 있습니다.그리고 하드웨어 제어의 경우는 phonegap에서 제공하는 api를 활용하면 됩니다.아울러 push 같은 구글이나 애플 서비스 같은 경우는 google api를 활용하면 쉽게 .. 더보기

티스토리툴바