hacking/web2010/11/18 14:50

HTML5/CSS3/JavaScript로 아이폰 앱 만들기 - XCode 프로젝트 템플릿

크리에이티브 커먼즈 라이선스
Creative Commons License
얼마전에 쓴 "HTML5/CSS3/JavaScript로 아이폰 앱 만들기"에서 설명(응? 언제 설명했는데?) 반복적인 초기 작업을 더 쉽게 할 수 있도록 Xcode 프로젝트 템플릿을 만들어 보았다.

Dropbox에 올려둔 hellowebapp-ios-xcode_project_templates.tar.gz 를 받아서,
"~/Library/Application Support/Developer/Shared/Xcode/Project Templates"에 풀고,
Xcode에서 File 메뉴의 New Project를 선택하거나,
Xcode를 실행하고 "Create a new Xcode project"를 선택)하면,
프로젝트 템플릿을 선택하는 대화상자가 나오는데,
"User Templates" 아래에 "WebApp" 카테고리 안에 "HelloWebApp"을 선택하면,
지정한 이름으로 깔끔한 "웹 앱" 프로젝트가 만들어 진다.
(입맛대로 Device나 Simulator로 타겟을 바꾸고)
이제 그냥 "Build & Run" 하시면 되시겠다~


참고로, 지난 번 스크린캐스트 이후에, 웹 리소스(html, css, js, png...)들을 다른 소스와 분리해서 "www" 디렉토리 안에 몰아 넣도록 약간 수정된 버전이다.

안드로이드용 템플릿은 어떻게 만들까 고민 중... -_-; 이거 하자고 이클립스 플러그인을 만들 수도 없고...

저작자 표시 동일 조건 변경 허락

'hacking > web' 카테고리의 다른 글

웹에서 아이폰스러운 Carousel 구현하기  (0) 2011/03/13
터치기반 모바일 웹킷에서 버튼 반응 속도 개선하기  (0) 2011/03/13
HTML5/CSS3/JavaScript로 아이폰 앱 만들기 - XCode 프로젝트 템플릿  (1) 2010/11/18
HTML5/CSS/JavaScript로 안드로이드 "앱" 만들기  (0) 2010/11/16
HTML5/CSS/JavaScript로 아이폰 "앱" 만들기  (6) 2010/11/14
Jo HTML5 Mobile Application Framework 초간단 리뷰  (0) 2010/10/08
Posted by iolo
TAG HTML5, iPhone, JavaScript, project template, webapp, Xcode
Trackback 0 Comment 1
hacking/web2010/11/14 21:18

HTML5/CSS/JavaScript로 아이폰 "앱" 만들기

크리에이티브 커먼즈 라이선스
Creative Commons License
풍경 1. 아이폰이 국내에 출시된지 1년도 안됐는데... 아... 아이폰 없던 시절이 어땠는지 기억조차 가물가물... 먹고 살려니 아이폰 개발 공부는 해야겠는데, 망할 놈의 옵씨... 옵씨는 그렇다 치고, 코어 파운데이션, 코어 그래픽스, 코어 애니메이션, 뭔 코어가 이렇게 많냐? 핵분열도 아니고... OTL

풍경 2. 없는 살림에 거금 10만원 들여 아이폰 앱 개발자 등록해서 1년 동안 앱 3개 겨우 올렸는데... 안드로이드가 대세? 열라 안드로이드 공부해서 앱 좀 올려 볼려니... 안드로이드 마켓은 뭐고 티스토어는 뭐고 올레마켓은 또 뭐냐? 그까이꺼 대충~ 눈감고 넘어가려니... 블랙베리? 심비안? 팜프리? 윈폰7? 바다? OTL

풍경 3. 아래아한글 새 버전 나온 줄 알았던 넷스케이프와의 첫만남, 문자열과 한판 승부를 벌였던 CGI 시대, ASP, PHP, JSP... OOO 서버 페이지 시대, 유행따라 삼만리 AJAX 시대... 어느새 HTML만으로 어플리케이션을 만드는 시대??? 먹고살려니 안할 순 없고... OTL

풍경 4. 스마트폰(그게 뭔데? 먹는거냐?)용 앱을 만들긴 만들어야 겠는데.. 새로운 언어 배우기도 귀찮고, API는 낯설고, 당장 할 줄 아는 건 웹... 그래서 웹 기술만으로 앱을 만들 수 없을까... phonegap은 또 뭐고 titanium은 또 뭐고, WAC은 또 뭐냐? OTL

그래서 준비했습니다.

(재생 시간은 3분 남짓이지만 제작하는데는 30분 넘게 걸렸다능...ㅠㅠ)



동영상은 helloworld 수준이지만, 요기까지하고 나면 나머지는 하기 나름...
예제 소스는 github에 올려두었다.

조만간(그건 또 어디서 나온 술 이름이냐?) HTML5/CSS/JavaScript로 안드로이드 앱 만들기도....


저작자 표시 동일 조건 변경 허락

'hacking > web' 카테고리의 다른 글

HTML5/CSS3/JavaScript로 아이폰 앱 만들기 - XCode 프로젝트 템플릿  (1) 2010/11/18
HTML5/CSS/JavaScript로 안드로이드 "앱" 만들기  (0) 2010/11/16
HTML5/CSS/JavaScript로 아이폰 "앱" 만들기  (6) 2010/11/14
Jo HTML5 Mobile Application Framework 초간단 리뷰  (0) 2010/10/08
JavaScript Common Mistakes(3) - 다른 언어에 익숙한 개발자들이 하기 쉬운 실수  (0) 2009/12/10
JavaScript Common Mistakes(2) - This "this" is not the "this"  (2) 2009/12/09
Posted by iolo
TAG app, HTML5, iPhone, JavaScript, Mobile, web, webapp, 스크린캐스트, 아이폰
Trackback 0 Comment 6
hacking/web2008/06/23 22:04

ThinkFree Online for iPhone

크리에이티브 커먼즈 라이선스
Creative Commons License
씽크프리에서 새 서비스를 슬쩍~ 오픈했다.

"ThinkFree Online for iPhone"이라는 길고 장황한 이름의 이 서비스를 사용하면 이름 그대로 씽크프리 온라인에 저장되어 있는 문서들을 아이폰이나 아이팟 터치에서 볼 수 있다.
흠... 지금은 볼 수만 있다. 씽크프리 매니저를 사용하면 데스크탑의 문서가 온라인과 싱크가 되니까... 최종적으로는...
흠... 데스크탑의 문서를 어디서나 볼 수 있다는 말씀?
이것이 Boundless??
사용자 삽입 이미지

TODO에 보니까 이것저것 된다고 하니, 일단 맛만 보고 좀 더 기다려보자.

아이폰이나 아이팟 터치를 갖고 계신 씽크프리 사용자라면 지금 바로 눌러보시라~

http://demo.thinkfree.com/guu/

덧1. (광고) 아직 계정이 없으면, 이 기회에 하나 장만하셔도 좋겠다.
정품 MS 오피스만큼 좋진 않지만...
불법 MS 오피스만큼 쓸만한...?!!
공짜 오피스 프로그램과 1G(요즘 1G로 누구 코에 붙이겠냐마는...)짜리 웹하드가 생긴다.

덧2. 흠... 내부 프로젝트 이름이... 구우다.
그렇다! 하레와 구우의 그 구우다!
아이폰이 아닌 녀석으로 위의 사이트에 접속해보면 "접대모드" 구우짱의 살인 미소(?)를 볼 수 있다. @..@

'hacking > web' 카테고리의 다른 글

dojo by example(1) - 유틸리티 함수  (0) 2008/07/13
파이어버그를 이용한 신속한 웹 애플리케이션 디버깅과 튜닝  (0) 2008/07/08
ThinkFree Online for iPhone  (4) 2008/06/23
Ajax 오버홀, Part 2: jQuery, Ajax, 툴팁, 라이트박스로 기존 사이트 개선하기  (0) 2008/06/18
Firebug와 YSlow!를 이용한 Ajax 성능 분석  (0) 2008/06/05
자바스크립트의 encodeURI와 친구들~  (3) 2008/05/13
Posted by iolo
TAG guu, iPhone, ThinkFree, 씽크프리
Trackback 0 Comment 4