[Web] 임의로 잡아본 iPad Layout

임의로 잡아본 iPad Layout (1024 * 768)
사용자 삽입 이미지


크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/04/14 17:09 2011/04/14 17:09
,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6090

[javascript] Sencha-touch 개발환경

- jQuery와 비교해보면?
    jQuery = Ext Core
    jQueryUI = Ext JS
    jQueryMobile = Sencha Touch

- 개발 환경 구축은?
    <link rel="stylesheet" href="/resources/css/sencha-touch.css" type="text/css">
    <script type="text/javascript" src="/js/sencha-touch.js"></script>
 
- 초기화 처리

        Ext.setup(
        {
            // 환경 설정 정보들~

            tabletStartupScreen:"images/tabletStartupScreen.png",
            phoneStartupScreen:"images/phoneStartupScreen.png",

            tabletIcon:"images/tabletIcon.png",
            phoneIcon:"images/phoneIcon.png",
            glossOnIcon: true,
            statusBarStyle:"black",
            fullscreen:true,
            preloadImages:[],
            scope:this,
            
             onReady: function()
            {
                             시작~
            }
        }

- 환경정보들은?

      fullscreen - Boolean
                 - 전체 화면 설정 여부
      tabletStartupScreen - String
                          - iPad의 시작 이미지의 경로 크기는 768 × 1004 세로로하지 않으면 안됨.
      phoneStartupScreen - String
                         - iPhone 및 iPod touch 용 부팅 이미지 경로 320 × 460에 세로로하지 않으면 안됨.
      icon - String
           - 태블릿과 스마트폰 모두에 사용되는 아이콘 이미지 경로 72 × 72이 좋은
      tabletIcon - String
                 - 태블릿용 아이콘 이미지 경로 이곳을 icon으로 설정되는 이미지보다 우선 72 × 72가된다.
      phoneIcon - String
                - 스마트폰 아이콘 이미지 경로 이곳을 icon으로 설정되는 이미지보다 우선 57 × 57이다.
      glossOnIcon - Boolean
                  - iPhone, iPad and iPod Touch 아이콘에 광택 효과 여부.
      statusBarStyle - String
                     - iOS web 애플 리케이션의 상태 표시줄에 대한 스타일 설정 default, black, black - translucent 중 하나를 선택.
      preloadImages - Array
                    - 미리 이미지 경로 배열 (자세한 내용은 추후 조사)
      onReady - Function
              - DOM 생성 후에 실행되는 함수. 애플 리케이션의 시작 지점이되는 경우가 많다.
      scope - Scope
              - 범위 설정
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/04/14 11:09 2011/04/14 11:09
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6089

[javascript] JSON의 개요

JSON의 개요 : http://www.json.org/json-ko.html

JSON (JavaScript Object Notation)은 경량의 DATA-교환 형식이다. 이 형식은 사람이 읽고 쓰기에 용이하며, 기계가 분석하고 생성함에도 용이하다. JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999의 일부에 토대를 두고 있다. JSON은 완벽하게 언어로 부터 독립적이지만 C-family 언어 - C, C++, C#, Java, JavaScript, Perl, Python 그외 다수 - 의 프로그래머들에게 친숙한 관습을 사용하는 텍스트 형식이다. 이러한 속성들이 JSON을 이상적인 DATA-교환 언어로 만들고 있다.

JSON은 두개의 구조를 기본으로 두고 있다:

  • name/value 형태의 쌍으로 collection 타입. 다양한 언어들에서, 이는 object, record, struct(구조체), dictionary, hash table, 키가 있는 list, 또는 연상배열로서 실현 되었다.
  • 값들의 순서화된 리스트. 대부분의 언어들에서, 이는 array, vector, list, 또는 sequence로서 실현 되었다.

이러한 것들은 보편적인 DATA 구조이다. 사실상 모든 현대의 프로그래밍 언어들은 어떠한 형태로든 이것들을 지원한다. 프로그래밍 언어들을 이용하여 호환성 있는 DATA 형식이 이러한 구조들을 근간에 두고 있는 것은 당연하다.

JSON 에서, 이러한 형식들을 가져간다:

object는 name/value 쌍들의 비순서화된 SET이다. object는 { (좌 중괄호)로 시작하고 } (우 중괄호)로 끝내어 표현한다. 각 name 뒤에 : (colon)을 붙이고 , (comma)로 name/value 쌍들 간을 구분한다.

array은 값들의 순서화된 collection 이다. array는 [ (left bracket)로 시작해서 ] (right bracket)로 끝내어 표현한다. , (comma)로 array의 값들을 구분한다.

value는 큰따옴표안에 string, number ,true ,false , null, object ,array이 올수 있다. 이러한 구조들을 포함한다.

string은 큰따옴표안에 둘러 싸인 zero 이상 Unicode 문자들의 조합이며, 쌍다옴표안에 감싸지며,backslash escape가 적용된다. 하나의 문자(character)도 하나의 문자열(character string)로서 표현된다. string은 C 또는 Java 문자열 처럼 매우 많이 비슷하다.

number는 8진수와 16진수 형식을 사용하지 않는것을 제외하면 C와 Java number 처럼 매우 많이 비슷하다.

토근들의 어떤 쌍 사이에 공백을 삽입할수 있다. 드물게 encode된 세부 항목을 제외하면, 이렇게 설명된 JSON의 형식은 완벽하게 그 언어를 설명한다.


크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/04/14 10:02 2011/04/14 10:02
,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6088

모바일웹 .vs 앱 비교정리

제작하려는 앱유형에 따라서 앱이 유리한 경우도, 모바일웹이 유리한 경우도 있습니다.화면 변경이 잦거나, HTML 인터페이스로도 UI를 구성하고, 이용자 Action을 처리할 수 있는 경우에는 모바일웹을 구성하는 것이 유리할테고,인터페이스가 복잡하고, 이용자 만족도가 높은 품격있는 서비스를 고려한다면, 앱을 선택하는 편이 유리할 것입니다.
 

모바일웹

화면구성

웹서버 (JSP/PHP/ASP)

/클라이언트

서버와의 통신

데이터+ HTML

데이터

서버와의 통신 FORMAT

HTML

XML / JSON

이벤트 처리

HTML Action

Phone Action

네트워크부하

높음

낮음

변경작업

용이함

용이하지 않음

서비스 재활용

전체

데이터

이용자가 느끼는 완성도

보통

높음

<모바일웹 .vs 앱 비교정리>

[펌] http://a.tk.co.kr/635


크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/04/14 09:38 2011/04/14 09:38
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6087

그동안 나는 노자에 나오는
"사람에게 물고기를 주는 것은
그에게 물고기 잡는 방법을
가르쳐주는 것만 못하니라(授人以魚, 不如授人以漁)"는
말씀의 신봉자였다.
그러나 최근에 경험을 통해
"사람에게 물고기 잡는 방법을 가르쳐주는 것은
굶겨서 바닷가로 보내는 것만 못하다"는 것을 깨달았다.
-조동성 서울대 교수

물론 물고기 잡는 법을 가르쳐 주는 것이
물고기를 잡아서 건네주는 것 보다는 훨씬 더 바람직합니다.
그러나 물고기 잡는 법 보다 중요한 것은,
스스로 꿈과 목적, 의미를 찾을 수 있도록 도와주는 것,
더 나가서는 그러한 것을 간절하게 원할 수 있도록 하는 상태,
즉 헝그리 정신을 심어주는 것이 더욱 훌륭한 교육 방법이라 할 수 있습니다.
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/04/14 09:10 2011/04/14 09:10
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6086

잡초처럼

인생의
온갖 문제들을 견디기 위해서는
온실 속의 온화함이 아니라 들판의 잡초 같은
생명력이 필요하다. 그래야 이 엄청난 고비를
넘길 수 있다. 잡초같은 생명력은 그냥 만들어지지
않는다. 고생을 경험한 힘에서 나온다.
젊음의 고생이 지혜로 남게 된다.


- 문용식의《꾸준함을 이길 그 어떤 재주도 없다》중에서 -


* 잡초의 생명력은 대단합니다.
옹달샘도 온통 파릇파릇한 새싹들로 가득합니다.
무섭다 싶을 만큼 하루가 다르게 뾰족뾰족 솟아납니다.
잡초는 주어진 환경을 전혀 탓하지 않습니다.
척박한 땅을 결코 두려워하지 않습니다
인생의 숱한 고비를 견디기 위해
젊을 때 고생은 사서도 합니다.
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/04/14 09:09 2011/04/14 09:09
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6085

2011.04.13 수영강습

2011.04.13 수영강습
저녁에 짜파게티 하나 끓여먹고. 출발.
짜파게티가 이름이 짜장면 + 스파게티 인가보구나. 갑자기 그런 생각이.

오리발 강습이었음.
샤워장에서 발가락에 뭔가 찔려 한참 정신없다가 입장.

접영킥 & 평영스트로크 4바퀴
자유형 사이트킥 & 스트로크 연습 6바퀴
배영 4바퀴
접영 3바퀴
한팔접영 & IM 100m
접영킥 & 평영스트로크 4바퀴
잠영 3바퀴
오리발 벗고 평영 3바퀴

샤워장에서 발가락 찔린것 때문에 오늘은 엄청 위축되었음.
왼쪽 다리에 쥐도 나버리고. 헐.
오리발 신으면 접영 가볍게 갈수 있는데 ㅋㅋㅋ 아쉽다.
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/04/14 09:08 2011/04/14 09:08
Keyword 수영
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6084


블로그 이미지

- 홍반장

Archives

Recent Trackbacks

Calendar

«   2011/04   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Statistics Graph

Site Stats

Total hits:
236604
Today:
1073
Yesterday:
195