HTML5에서는 데이터 저장 관련하여 몇가지 기능을 추가 제공한다.

  • localStorage
  • sessionStorage
  • client-side DB

localStorage

  • 웹브라우저를 종료해도 데이터가 남는다.
  • 동일한 소스(도메인, 프로토콜, 포트)로부터 데이터를 쓸 수 있다.
  • 웹 애플리케이션에 유용
  • 예)
    • 키/값 저장
      • localStorage.setItem( ‘gilbird’, 2010);
    • 키/값 로드
      • var year = localStorage.getItem( ‘gilbird’);
    • 키/값 모두 삭제
      • localStorage.clear();

sessionStorage

  • 데이터는 윈도우 객체에 저장
  • 해당 윈도우만 인식
  • 예)
    • 위 localStorage 예에서 sessionStorage라고 바꿔 쓸 수 있음

Client-Side DB

  • 자바스크립트 DB API
  • INSERT, UPDATE, SELECT, DELETE 지원
  • 트랜젝션 지원
  • DB 접속
    • db = openDatabase( shortName, version, displayName, maxSize);
      • 사파리의 경우 maxSize를 5MB 기본 지원(용량초과시 5MB 추가됨 - 확인필요)
      • 브라우저 설정에서 로컬 DB 크기를 볼 수 있음
  • DB 생성
    • db.transaction(
          function(transaction) {
              transaction.executeSql(
                  'CREATE TABLE IF NOT EXISTS 테이블명 (컬럼_리스트);'
              );
          }
      );
  • INSERT
    • db.transaction(
          function(transaction) {
              transaction.executeSql(
                  'INSERT INTO 테이블명 (컬럼_리스트) VALUES (?);',
                  [값_리스트],
                  function() {
                        // INSERT후 실행문
                                    },
                                    transactionErrorHandler,       // SQL 실패시 실행
                                    transactionSuccessHandler  // SQL 성공시 실행
                                ); } );
                      • 에러 처리
                        • function transactionErrorHandler( transaction, error) {
                              alert( error.message + “:” + error.code);
                              return true;
                          }
                        • 리턴값
                          • true – 치명적 오류. 진행 중단
                          • false – 계속 진행
                      • SELECT
                        • db.transaction(
                              function(transaction) {
                                  transaction.executeSql(
                                      'SELECT * FROM 테이블명 WHERE 컬럼=?;',
                          •    [값_리스트],
                               function( transaction, result) {
                                     for (var i=0; i < result.rows.length; i++) {
                                         var row = result.rows.item(i);
                                         // row 처리
                                     }
                                                 },
                                                 transactionErrorHandler,       // SQL 실패시 실행
                                                 transactionSuccessHandler  // SQL 성공시 실행
                                              ); } );
                                        • DELETE
                                          • db.transaction(
                                                 function(transaction) {
                                                     transaction.executeSql('DELETE FROM 테이블명 WHERE id=?;',
                                                     [값], null, transactionErrorHandler);
                                                  }
                                            )

                                        'Web' 카테고리의 다른 글

                                        WEB-INF 란?  (0) 2010.02.23
                                        [링크] 베스트 100 자바스크립트 리소스  (0) 2010.02.22
                                        [모바일 사파리] 홈 스크린 / 풀 스크린 모드 / 시작 화면 조작하기  (0) 2010.02.18
                                        [me2API] get_person  (0) 2010.02.09
                                        me2API 메소드 리스트  (0) 2010.02.09
                                        me2API 오류 코드  (0) 2010.02.08
                                        [링크] HTML5의 모든것  (0) 2010.02.03

                                        -b [파일명]을 넣으면 build.gradle을 실행하지 않고 지정한 파일을 실행한다.

                                        gradle –b etc.gradle

                                        http://topsy.com

                                        • 메시지에 첨부된 링크를 기준으로 검색 결과를 보여줌.
                                        • 트위터의 지명도와 RT등을 따짐.
                                        • 18개월간의 트윗데이터를 검색함.
                                        • 최근에는 링크가 없는 트윗 결과도 보여줌

                                        설명

                                        • 미투데이 가입자 정보를 가져옴

                                        URL

                                        응답 XML 구조

                                        <!ELEMENT person (id, openid, nickname, face, description, homepage, location, me2dayHome, rssDaily, inviteBy, friendsCount, pinMeCount, updated, totalPosts, postIcons)>
                                        <!ELEMENT location (name, timezone)>
                                        <!ELEMENT postIcons (postIcon)+>
                                        <!ELEMENT postIcon (iconIndex, iconType, url, description, default)>

                                        다시 Cygwin사이트(http://www.cygwin.com)에 가서 설치를 누른다.

                                        해당 프로그램을 검색하여 Skip을 풀고 설치로 변경한 후 다음으로 넘어가면
                                        그 프로그램만 설치하고 종료한다.

                                        cygwin[그림] 검색 후 Keep으로 변경

                                        괜히 full 인스톨해서 시간 잡아먹지 말고 필요한 것만 설치하는 것이 좋은 것 같다.

                                        • create_post
                                          • 글 작성
                                          • URL
                                          • 파라메터
                                            • post[body]
                                            • post[tags]
                                            • post[icon]
                                            • receive_xms
                                            • icon_url
                                            • callback_url
                                            • content_type
                                            • longitude
                                            • latitude
                                            • location
                                            • attachment
                                            • close_comment
                                        • get_latests
                                          • 최근 글 가져오기
                                        • get_posts
                                          • 글 가져오기
                                        • create_comment
                                          • 댓글 작성
                                        • delete_comment
                                          • 댓글 삭제
                                        • get_comments
                                          • 댓글 가져오기
                                        • track_comments
                                          • 최근 작성 댓글 가져오기
                                        • get_person
                                          • 회원 정보 가져오기
                                        • get_friends
                                          • 친구목록 가져오기
                                        • get_settings
                                          • 개인 설정 가져오기
                                        • get_tags
                                          • 태그와 태그를 포함하는 글 가져오기
                                        • noop
                                          • 사용자인증 테스트 혹은 서버 동작상태 검사
                                        • get_friendship_requests
                                          • 친구 신청내역 가져오기
                                        • accept_friendship_request
                                          • 친구신청 수락

                                         

                                        참고 : me2API 사용설명서

                                        Vim 사용자를 위한 지침서



                                        Vim에서 탐색기(netrw) 여는 방법

                                        http://jangpd007.tistory.com/14

                                        • 현재 디렉토리 탐색 
                                          • :e . 
                                        • 상위 디렉토리 이동 
                                          • -
                                        • 화면 수직 분할
                                          • v
                                        • 화면 수평 분할
                                          • o
                                        • 파일 미리보기
                                          • p
                                        • 미리보기 닫기
                                          • Ctrl+w, z
                                        • 파일을 닫고 최근 디렉토리 탐색
                                          • :Rex 
                                          • (Resume exploring)


                                        + Recent posts