brainage.egloos.com

포토로그



스마트폰 전용 메모장웹을 만들었습니다. by 천하귀남

오래전부터 웹다이어리를 직접 만들어 집 PC를 이용해 사용했습니다. 주용도는 집이나 회사등에서 언제든 개인적인 내용에 접근가능하게 하려는 목적입니다. 그러다 최근에는 아예 웹호스팅서비스를 구입해 별도로 도메인을 받아다 24시간 쓰는중입니다.



그런데 일반 웹페이지는 스마트폰에서 쓰기가 불편합니다. 보는건 몰라도 뭔가 작성할때는 특히 그렇습니다.
그래서 웹 다이어리의 게시물중 하나에 내용을 계속 붙여넣을수 있는 모바일 전용 페이지를 하나 추가시켰습니다.
사진처럼 위의 텍스트창에 글을 넣고 저장시키면 시간표시와 내용을 위쪽으로 해서 계속 추가시킵니다.




특정한 URL주소가 있으니 이걸 스마트폰에서 북마크후 바탕화면의 바로가기로 만들수 있습니다. 저걸 누르면 바로 해당 웹페이지가 뜨게됩니다.

필요한걸 바로 입력시킬수 있습니다. 참고로 임시저장 버튼의 경우 텍스트 창안의 내용을 임시로 저장시킵니다. 이때 HTML5의 localStorage를 사용해 만들었는데 이로 인해 큰 용량의 텍스트도 스마트폰의 재부팅여부에 상관없이 영구저장됩니다. 
 

원래 구글 문서도구등도 있는데 약간은 절차가 번거로워서 그냥 간단하게 만들었습니다. 

그리고 진저브레드 업그레이드를 하면 향상도니 텍스트 선택이 가능한데 버그가 있군요. 일반 웹페이지는 문제가 없는데 텍스트입력창에서 글을 선택할때 선택범위와 글자가 밀립니다. 

스마트폰의 최대강점은 나에게 제일 가깝고 신속한 정보기기라는데 있습니다. 앞으로 다양한 서비스가 많이 나와주기를 기대합니다. 


덧글

  • Nicebug 2011/05/02 15:38 # 답글

    텍스트 선택범위가 밀리는게 진저브레드의 버그군요~
    전 네이버 어플만의 오류인줄 알았습니다...^^;

    이번 2.3.4 버전에서는 수정이 되었는지 궁금해지네요~
  • 천하귀남 2011/05/02 17:50 #

    이전에는 저기능을 거의 안사용했는데 이번에 추가되 쓰려고 보니 저렇게 되더군요. 저 부분이 아닌 다른 일반 웹페이지 부분에서는 잘동작합니다.
  • 나루미 2011/05/02 15:44 # 답글

    저 밀림현상은 겪어본적이 없어서 신기하네요.. 특정웹에서의 문제인지 모르겠지만 복사 후 붙여넣기시 띄어쓰기가 죄다 무효화되버리는 것도 수정되었스면 합니다. 이글루스 덧글도 지웠다 다시 쓸 때 보면 다시 띄어쓰기 해줘야 하는 번거로움이..
  • 천하귀남 2011/05/02 17:54 #

    복사 후 붙여넣기의 스페이스 오류는 진저브레드 오류가 아닙니다.
    저역시 저 오류 때문에 웹페이지를 고쳤지요 ^^;

    보통 스페이스가 두개이상들어가면 HTML에서는 한칸으로만 보여주는데 그걸 해결하기위해 스페이스를  로 바꾸는 꼼수를 많이들쓰는데 진저브레드는 스페이스가 아닌   를 쓰면 그걸 인식못하고 붙여버리더군요.
  • 긁적 2011/05/02 19:50 # 답글

    헐. 전 임시저장응 Ajax로 구현할 생각을 했는데 html5를 이용하는 방법도 있었군요. 참고하겠습니다^^
  • 천하귀남 2011/05/02 20:00 #

    ie8부터 저 객체가 있습니다. 다른 버전 이라해도 Jquery플러그인중에 모든버전에서 통하는 대용량 텍스트 저장이 가능하게 해주는것이 있습니다.
댓글 입력 영역
* 비로그인 덧글의 IP 전체보기를 설정한 이글루입니다.

구글 애널리틱스

통계 위젯 (화이트)

80838
6423
5672133

이 이글루를 링크한 사람 (화이트)

406

당부드리는 말

블로그 사진을 포함한 전체가 아닌 일부의 내용은 얼마든지 사용하셔도 상관없습니다.

상대방을 존중하는 생각이 있다면 욕설과 과도한 비아냥은 자제를 부탁드립니다. 정도가 심하거나 비로그인의 글은 임의 삭제 가능함을 알려드립니다.

A타입 클린 캠페인 위젯

방문자

Map