2014년 9월 26일 금요일

[JQUERY + JAVASCRIPT + PHP] JSON 한글 데이타 처리 방법 (PHP => JAVASCRIPT편)

PHP와 JAVASCRIPT를 연동하여 

한글데이타를 주고 받는 경우 값이 깨져 보인다.

PHP => JAVASCRIPT



< PHP 파일 - getClassInfo.php >

//json에서 한글이 깨짐 urlencode로 감싸고 urldecode로 변환해야함.
$array_value=array();

//json에서 한글이 깨짐 urlencode로 감싸고 urldecode로 변환해야함.
for($i=0;$i<count($dt);$i++){ $array_value[$i]=array('classInfoName'=>urlencode($dt[$i][classInfoName]),'manageUserID'=>$dt[$i][manageUserID]);} $db->disconnect(); echo urldecode(json_encode($array_value));

<JAVASCRIPT 파일>
$.getJSON("getClassInfo.php",{},function(data){ $.each(data,function(n,value) { alert(data[n]['classInfoName']);
}); });

2014년 9월 12일 금요일

[RWD 개발] 프론트-엔드(Front-end)와 백-엔드(Back-end)


일반적으로 프론트엔드(front-end)와 
백엔드(back-end)라는 용어는
프로세스의 처음과 마지막 단계를 가리킨다.

 ‘프론트엔드’는 사용자로부터 다양한 형태의 입력을 받아
 ‘백엔드’가 사용할 수 있는 규격에 따라 처리할 책임을 진다.

 ‘프론트엔드’를 ‘백엔드’로 연결하는 것은 인터페이스의 일종이다. 
- 출처: 위키백과

2014년 9월 7일 일요일

[안드로이드 앱 개발] 안드로이드 앱 실행 아이콘 사이즈별 제작을 쉽게하는 방법



안드로이드 아이콘을 사이즈별로

 한꺼번에 제작해주는 편리한 사이트가 있습니다.


처음 업로드할 파일의 사이즈는

최대사이즈에 맞는 192 X 192가 좋겠습니다.



여러가지 설정후에 다운로드를 클릭하시면 

전체를 다운로드할 수 있습니다.




2014년 8월 22일 금요일

[프로그래밍 기초] 헝가리안, 카멜, 파스칼 이름 명명법


명명법에는 헝가리안 표기법과 케멜 표기법, 파스칼 표기법이 있다.

1. 헝가리안 표기법: 헝가리언 출신인 Microsoft사의 개발자
                             Charles Simony가 주로 사용하던 방법으로 
                             헝가리언 표기법이라고 유래 된 표기법입니다.
                             => 접두어를 사용하여 변수의 타입을 제일 처음 붙여서
                                  사용하는 표기법입니다.

b -> BOOL

c -> char

n -> short

i -> int

l -> LONG

f -> FLOAT

d -> double

s -> string

sz -> Null종료 문자열(string)

str -> c++ String

u -> UNIT (unsigned int)형 변수

w -> WORD (unsigned short)형 변수 (= USHORT )

dw -> DWORD (unsigned long)형 변수

a -> Array 배열

h -> handle

p -> pointer

lp -> long 포인터 변수

g_ -> global variable

s_ -> static variable

m_ -> member variable

2. 카멜표기법: 의미를 갖게되는 단어와 단어 사이를
                      대소문자를 활용하여 구분하여 가독성을
                      향상 시키는 방법입니다.

3. 파스칼 표기법: 의미있는 단어를 _(언더바)로 구분하거나
                          혹은 각 단어의 첫번째 문자를 대문자로 하여
                          가독성을 향상 시키는 방법입니다.

<좋은  프로그래밍 표기법 정리>

1. 변수:

    가. 접두어를 사용한다.

    나. 단어와 단어사이는 언더바로 연결한다.

    다. 멤버변수는 제일앞에 m을 덧붙여서 표현한다

    라. 줄여쓰지 말고 최대한 모든 의미를 담는다.

    마. 헝가리안 표기법과 파스칼 표기법을 믹서하여 사용한다.

2. 상수:

    가. 전체를 대문자로 표시한다.

    나. 단어와 단어사이는 언더바로 연결한다.

3. 함수:

    가. 첫글자를 대문자로 시작한다.

    나. 케멜표기법을 사용하여 명명한다.

    다. 동작을 제일처음 단어로 나열한다.

[Html 강좌] 패딩과 마진의 개념 설명



일반적으로 텍스트나 객체는 사각형의 눈에보이지 않는 선택 박스를 지닌다.

이 경우 패딩은 사각형과 내용과의 여백을 의미한다.

마진은 다른 개체와의 여백을 의미한다.

다음 그림을 보면 좀 더 쉽게 이해할 수 있다.

[스토리보드 작성 도구] Balsamiq Mockups 발사믹목업 프로그램


발사믹프로그램은 새로운 프로그램을 구상하거나

스토리보드를 작성할 때 아주 유용한 프로그램이다.


발사믹의 메뉴 상단에서 사용하고 싶은 내용을

선택 드래그 하여 사용하면 되고

더블 클릭시 오른쪽에 편집 패널이 나타납니다.



발사믹 프로그램에서는 여러가지 UI도구를 제공하는데

콤포넌트 도구, 버튼 도구, 컨테이너 도구, 폼, 아이폰 UI도구,

레이아웃 도구, 미디어 도구, 텍스트 도구등의 다양한 도구를

제공하여 사용자들의 생각을 자유롭게 표현할 수 있도록 돕는다.








2014년 8월 8일 금요일

[jQuery] append와 appendTo의 차이점


 $(선택자).append(추가할 내용);

 => $("#my_hand").append("<p>my love</p>");

 my_hand라는 ID를 가진 선택자의 자식으로 "<p>my love</p>"의 내용을

 추가한다라는 의미입니다.

 $(추가할내용).appendTo(선택자);

=> $("<p>my love</p>").appendTo("#my_hand");

 "<p>my love</p>"의 내용을  my_hand라는 ID를 가진 선택자의 자식으로

 추가한다라는 의미입니다.

2014년 7월 29일 화요일

[jQuery] jQuery에 대한 기본 개념과 사용법

jQuery는 DOM을 잘 다루기 위해 만들어진 JavaScript입니다.

1. jQuery를 사용하는 방법

    jQuery( ) , $( )

2, 선택자를 사용하는 방법
 
   HTML 태그를 사용할 경우 => $("태그") , $("태그 태그 태그")

   ID를 사용하는 방법 => $("#ID"), $("태그 태그#ID"), $("#ID 태그")

   클래스를 사용하는 방법 => $(".클래스"), $(".클래스 태그"), $("태그 태그.클래스")

2014년 6월 23일 월요일

[Ajax] Request에 대한 readyState 속성 값과 status 속성값

Ajax 요청에 대한 현재 상태를 나타내는 readyState 속성값
(서버 요청에 대한 상태값)
속성 값
설명 
의미
 0
Request 객체만 생성,
(open() 메서드 호출전)요청이 초기화되지 않은 상태 
UnInitialized
 1
Request 객체를 만들고 초기화 했지만 send() 메서드 이용해 요청하기 전 상태 (요청은 설정되었지만 보내지기 전
Loading
 2
send() 메서드를 사용해 요청하고 난 직후 (요청이 보내지고 처리 중에 있음)
Loaded
 3
데이터의 일부를 받은 상태 (요청이 보내지고 처리 중에 있음)
Interactive
 4
모든 데이터를 받은 상태 (응답이 완료된 상태)
Completed

onreadystatechange 이벤트에서 readystate변화를 감지하여 분기 처리

서버 응답에 대한 status 속성값
(서버 응답에 대한 상태코드) 
속성 값
텍스트(statusText)
설명 
100
Continue
 처리 중
200
OK
 성공
300번대
Multiple Choices
 리다이렉트(페이지이동)
301: Moved permanently
302:Found(요청이 또 다른 URL/URI로 리다이렉션 된다.)
305: Use Proxy (요청은 프록시를 사용하여 요청 받은 리소스에 액세스 해야 한다.)
400번대
Bad Request
 클라이언트 오류(사용자측)
401: Unauthorized
403: Forbidden
404: Not Found
500
Internal Server Error
 서버 오류

2014년 6월 5일 목요일

[안드로이드 교육용 앱] 음악적 감성을 기르기 위한 어린이 실로폰


안드로이드 교육용 실로폰 앱입니다.

생생한 실제 사운드를 느낄 수 있습니다.

터치할 때마다 다양한동물 애니메이션과 함께

재미있게 음악공부를 할 수 있습니다.










2014년 6월 3일 화요일

[안드로이드 교육용 게임] 어린이를 위한 시계 학습 앱(APP)

어린이들이 시계를 재미있게 배울 수 있는

앱이 필요할 것 같아서 제작해보았습니다.
.

분침을 직접 드래그해서 시간을 확인할 수 있는

전자 시계와 아날로그 시계를 같이 보면서 

정확한 시계 읽기가 가능해질 것 같습니다.


게임을 통해서 실력을 확인해 볼 수 있겠죠?












2014년 5월 25일 일요일

[안드로이드용 교육용 게임] 어린이를 위한 교육용 Racing Subtraction(뺄셈) 게임

어린이를 위한 교육용 Racing Subtraction(뺄셈)

 게임을 개발하였습니다.



총 4단계 중에서 수준에 맞게 선택할 수 있습니다.

10여가지 아이템과 함께

 재미있게 뺄셈을 학습할 수 있도록 제작하였습니다.












2014년 5월 21일 수요일

[안드로이드용 교육용 덧셈 게임]어린이들을 위한 Racing 덧셈 게임 개발 (Racing Addition)

지난번 레이싱 구구단에 이어

4단계 수준별 레이싱 덧셈게임을

 제작하였습니다.

한자리 + 한자리

두자리 + 한자리

두자리 + 두자리

세자리 + 두자리

총 4단계가 있으며 사용자가 선택하여

학습할 수 있습니다.


재미있는 아이템들도 가끔씩 출현하여

사용자들의 흥미를 돕습니다.











2014년 5월 17일 토요일

[안드로이드용 뽑기게임] 뽑기 및 발표자 선발을 위한 ROULETTE PANG (룰렛 팡)

며칠전에 우연히 한명을 추첨하여

선물을 주려고 하다가 

이게 필요하겠구나 싶어 "룰렛 팡" 게임을

 만들게 되었습니다.

현재 20명까지 자유롭게 선택가능하고

자연스로운 회전 애니메이션을 포함하여

선택받는 긴장감과 결과 발표시

애니메이션도 포함하여

제작하게 되었습니다.

총 30단계까지 회전판 생성이 가능합니다.








2014년 5월 4일 일요일

[안드로이드 유아용 게임] 유야용 귀여운 불꽃놀이 Baby Pang Pang 게임

안드로이드용 Baby Pang Pang

 게임을 개발하였습니다.

본 게임을 아이들을 위한 게임입니다.



화면을 클릭하면 불꽃놀이와 함께 재미있는

애니메이션을 볼 수 있습니다.

별과 달 그리고 구름도 클릭해 보면

더욱 더 재미있는 애니메이션을 볼 수 있어요..









2014년 5월 3일 토요일

[안드로이드 유아용 게임] 유아용 풍선 게임 Baby Pop Pop 게임

제목:  Baby Pop Pop

링크: https://play.google.com/store/apps/details?id=com.ajted.touchpang

유아용 게임을 하나 개발해야겠다고 생각만하다가

우연한 기회에 게임하나 개발하게 되었습니다.

아이들이 좋아하는게 뭘까 생각하다가

동물을 참 좋아하지!! 

소리에 굉장히 민감하죠!

이 게임은 손과 눈의 협응력을 키울 수 있는

재미있는 게임입니다.










총 15종류의 귀여운 동물과

동물소리를 들을 수 있어요.

동물원에 풍선들이 떴어요..

이 풍선들을 만지면 펑!!!

어떤 동물이 숨어 있을까요??

좋은 아이디어가 있으시면 의견 부탁드려도 될까요??