본문 바로가기

홈페이지및어플

폰갭 , 메인페이지와 메뉴 개발 폰갭 메뉴 구성폰갭은 html와 js로 구성되어 있다고 지난번 강의에서 이야기 했다. 그럼 어떻게 메뉴를 구성하고 있는지 봐야 될것 같아서 오늘은 폰갭 개발 원리를 이야기 하고 한다. 우리가 홈페이지에서는 일반적으로 하이퍼링크를 이용한다. 태그를 이용해서 메뉴를 이동하게 되는데 폰갭에서는 조금 다른 구성으로 제작된다. 개개인마다 다르지만 필자의 경험에서 이야기를 풀어 간다.위 다이어 그램은 index.html 을 만들때 메뉴와 컨텐츠 영역을 나누어서 제작된다. 그리고 메뉴를 클릭하게 되면 #main_contents를 변경하는것이다. 조금 생소하기는 하지만 홈페이지 제작에서도 많이 사용되는 기법이다. 메뉴 아이콘 마다 별도의 html을 가져와서 컨텐츠 영역에 바꿔 버리는 방법이다. 그림을 보면 클릭한후 서.. 더보기
폰갭으로 어플 만들자. 폰갭 설치방법부터 실행까지 폰갭 설치폰갭은 phonegap.com 사이트에서 툴을 모두 제공합니다. 다운로드하셔서 설치하면 하면 쉽게 만들어갈 수 있습니다.폰갭의 툴이 점점 발전해서 이제는 쉽게 개발하고 만들어 갈 수 있도록 제공하고 있습니다. 얼마 전까지 폰에 apk를 설치해야 테스트 가능했던 환경까지 실시간으로 수정하고 테스트할 수 있도록 제공하고 있습니다. 물론 아이폰과 안드로이드 모두 가능합니다. http://phonegap.com/ 폰갭 사이트에서 폰갭 프로그램을 다운로드하으세요.Desktop app을 설치하시면 됩니다. 폰갭사이트윈도우용과 맥용으로 구분되어 있습니다. 해당하는 프로그램을 설치하시면 됩니다.리눅스용은 없습니다. 가장 아쉬운 점이기도 합니다. 전 리눅스 환경에서 개발하는데 아쉽더군요. 맥이든 윈도우든 sub.. 더보기
워드프레스 추천 테마 Juridica 보수적 디자인과 색감을 표현하는 Juridica 테마워드프레스를 사용하시는 분들 느낌이 좋은 것 같은데 우리 같은 회사에 맞지 않는 것 같다고 생각하시는 분들이 많은 것 같습니다. 이런 분들께 추천해 드리고 싶은 테마가 있습니다. 물론 무료입니다. 변호사 법무사 전문 지식인 블로그에 가장 어울리는 테마일 수 있습니다. 사용하기도 편하고 관리하기도 편한 테마이며 큰 기능보다는 느낌을 줄 수 있는 테마를 원하시는 분들께 추천합니다. 전체적으로는 이런 분위기 테마입니다. 그리고 기본 테마 검색에 나오기 때문에 별도 설치가 필요 없습니다. 공식사이트 방문하기 https://goo.gl/R2UHSO 워드프레스 공식 사이트에서 안내하는 내용입니다. 이 제작자의 테마들은 모두 특징이 있고 또 사용 시 사용하기도 편하.. 더보기
워드프레스에 멋진 게시판 달자 워드프레스는 게시판이 없다!워드프레스는 게시판이 원래 없습니다. 포스트라는 개념의 우리의 기사 개념으로 생각하시면 될 겁니다. 블로그 포스트 개념입니다. 그래서 기본 프로그램에 게시판이 없습니다.저는 개인적으로 이런 게 맞다고 봅니다. 콘텐츠를 포스트에 적어 발행하는 개념으로 뿌리는 블로그 시스템을 따르고 있습니다. 워드프레스 개념그럼 사실 대한민국을 제외하고는 게시판을 사용하지 않고 운영하는 사이트들이 많이 있습니다. 그런데 한국에서는 게시판을 사용하는 경우가 많습니다. 이때 어떻게 해결할까요. 해답은 플러그 인입니다.워드프레스의 모든 확장 프로그램은 플러그 인으로 추가됩니다. 우리나라 CMS들은 게시판을 중심으로 플러그인 또는 모듈 개념으로 추가되긴 하지만 워드프레스는 조금 다릅니다. 게시판 이제 넣.. 더보기
워드프레스에 순위 목록을 만들어 보자 내 홈페이지에 순위를 넣어 보자워드프레스는 다양한 플러그인들이 존재한다고 말씀드렸습니다. 그중에 까다로운 기능 하나를 무척 편하게 넣어 보고자 합니다.걸그룹 순위라던지 연예인 인기순위, 또는 쇼핑몰 순위 등등을 넣어 볼 수 있습니다.이건 사실 전문 블로그에서는 필요한 기능 합니다. 이전에는 백엔드 프로그램에서 개발해야 가능했지만 지금은 순위를 공유하는 사이트와 워드프레스를 연결해서 가능해졌습니다.생각보다 쉽게 만들 수 있고 또 홍보도 자연스럽게 가능하다는 이야기일 수 있습니다. 자신의 사이트에 순위를 넣어보자전 여성 쇼핑몰 순위를 넣어 봤습니다. 간단하게 순위를 넣어 봤습니다.만약 일반적으로 작업한다면 html로 하던지 아니면 게시판에 넣는 분도 계실 겁니다.백엔드 프로그램으로 만들어 넣으신 분들은 작업.. 더보기
폰갭으로 쉽게 어플 만들자. 동작원리 폰갭이든 네이티브든 동작원리는 같습니다.사실 개발해 보면 기본은 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를 활용하면 쉽게 .. 더보기
워드프레스에 멋진 차트를 넣어 보자 워드프레스를 활용하여 홈페이지를 운영하다 보면 다양하고 멋진 플러그인들이 많이 있습니다. 이 플러그인들은 워드프레스를 더욱 활용도 있게 만들어 주는 역할을 합니다. 만약 자신의 홈페이지에 차트를 넣는다고 한다면 어떻게 하시겠습니까?우리는 그동안 그림을 만들어서 차트를 만들어 왔습니다. 하지만 구글이나 다른 서비스를 활용해 보시면 HTML5를 활용한 멋진 차트들이 많이 보실 겁니다. 이런 차트 기능을 자신이 홈페이지에 넣고 싶으시다면 M CHART를 활용해 보세요. 만들고 싶은 차트 웹페이지에 출력되는 차트를 html로 노출되는 웹페이지를 만들고 그림으로 만들어진 차트 이미지를 삽입하는 기존 방식과 달리 멋진 차트를 넣고 싶을 때 http://hancoma.com/?page_id=113이렇게 넣어 봅니다... 더보기

티스토리툴바