본문 바로가기

나의 플랫폼/HTML5

[ Hybrid App ] Jquery에서 PHP+Mysql 서버로 부터 Json 값 받기 [프롤로그]우선, 이 자료는 이틀간 삽질을 한 끝내 만들어낸 소스입니다.json_encode라는 것으로JSON 데이터를 받을 수 있다고 하지만,여러번 테스트를 해보았지만,, 결과적으로 되지 않았습니다....결국, 2가지 방법을 찾게 되었는데요.1. JSON문자열을 직접 만들자!!!그래서 php서버 에서 mysql로 받은 데이터를 직접 반복문을 통해서 JSON 문자열을 생성 시켰습니다.생성 시킨 JSON문자열은 ajax를 통해서 콜백.. 더보기
[ Hybrid App ] 한글 깨짐 / Jquery Mobile 플랫폼 / Apache + PHP + Mysql 이번엔 Jquery에서 받아온 Text 문서를 Server에 셋팅한 Mysql에 Insert 하는 부분에서한글이 깨지는 현상을 발견해서 이렇게 글을 쓴다.apache와 php는 한글 오류에 전혀 문제가 없다.Mysql 요놈이 문제인 것이다.그리고.. Form에 input으로 받은 Text 값을 출력하면...한글이 깨지는 것을 확인 할수 있다.먼저, input에서 가져온 값의 오류는var formData = $("#form id").serialize(.. 더보기
[ Hybrid App ] Page별 Html 파일 분할 시, Javascript 이벤트 처리 다중 Page를 한 html파일에 한 Javascript로 해놓은 샘플은 많이 보았습니다.하지만!!! 전 코딩을 분할 시켜서 보는게 이해하기도 편하고 수정도 편해서,예전 안드로이드 할 때도 클래스를 자주 분할 시켜 둡니다.HTML5를 분할 시키고, 그냥 id 값만 불러와 event 처리를 하니,아무 현상도 일어나지 않아 고민을 많이 했습니다.html: ( 따로 분할된 HTML)<a id="btnId" href="#" data-prefetch=".. 더보기
[ Hybrid App ] SenchaTouch Loading Spinner var myMask = new Ext.LoadMask(Ext.getBody(), {msg: "Please wait..."});myMask.show();ormyMask.hide();생성 한후 show와 hide 함수를 이벤트에 잘 이용하시면 됩니다.^^ 더보기
[ Server ] CentOS5.4에 Mysql 설치 : Timeout error occurred trying to start MySQL Daemon. 1. yum을 이용한 설치# yum -y install mysql mysql-server mysql-connector-odbc mysql-develpackage 4개가 설치 됩니다.2. /etc/my.cnf 편집서버 운영 환경에 따른 기본 설정 방법# cp /usr/share/mysql/my-medium.cnf /etc/my.cnf위 명령어로 복사를 한 이후에 # vi /etc/my.cnf아래 옵션 부분을 추가 합니다.[client]defa.. 더보기
[ HTML5 ] Sin, Cos을 이용한 Vounce 이해 제5장 Circle Move Your browser does not support HTML5 Canvas. 위와 같이 벽면에서 Circle을 사용할려고 할 때, 입사각과 반사각을 구하게 된다. 이럴 때 사용하는 공식이 좌우 벽면 : 180 - angle 상하 벽면 : 360 - angle  위와 같은 공식을 사용하게 된다. ( 자세히 알고 싶으신 분은 위 Canvas 소스에 있으니 참고하세요.^^) 왜 저런 공식.. 더보기
[ HTML 5 ] Canvas Transform 출처:  http://aslike.egloos.com/2898232  Canvas2D의 변환은 여타 3D API에서 제공하는 변환처럼 행렬로 처리된다  동차 좌표계를 포함 Canvas2D에 사용되는 행렬은 3 by 3 행렬이 된다. 변환 할 좌표를 x, y 라 하고, 최종 변환 된 좌표를 x', y' 이라고 했을 때, 변환 공식은 다음과 같다. 위쪽은 OpenGL을 많이 다뤄본 사람들에게 익숙한.. 더보기
[ HTML 5 ] HTML5 캔버스 문자 API 1. 자동 기본값 : 10px san-serif 2. measureText : Text의 속성을가지고 있는 객체( 현재 width만 구현되어 있는 상태 ) 3. 현재까지 나온 event :     - 'load' : Canvas가 로드 될시    - 'keyup' : 키보드를 눌렀을 때    - 'change' : 컴포넌트의 변화가 있었을 때    - 'click' :.. 더보기