선작업
Windows SDK 최신으로 깔아주시고 .. 2008 쓰면 자동으로 깔리는데 현제 윈도우7지원까지나옴
DDK 요것도 깔아주시고
해더 라이브러리 걸어주시고  하면되요 ~_~;;

// TestJniFile.cpp : Defines the entry point for the console application.
//
#include "stdafx.h"
#include "Common.h"


int main(int argc, char* argv[])
{

  HDEVINFO hDevInfo;
  SP_DEVINFO_DATA DeviceInfoData;
  DWORD iCnt;
  ///FILE *fp;
  char str_buffer[100];
  char * sDiveName = "USB"; // 인자 받은것 포트번호
  int iState =1; ///  죽이냐 살리느냐 0 살린다 1 죽인다.


  // Create a HDEVINFO with all present devices.
  hDevInfo = SetupDiGetClassDevs( NULL,
          0, // Enumerator
          0,
          DIGCF_PRESENT | DIGCF_ALLCLASSES );   // 디바이스 정보를 가저오는곳입니다.. DIGCF_PRESENT | DIGCF_ALLCLASSES  이부분인자를 바꺼줌으로써.. 가져울 정보의 갯수를
                                                                       바꿀수있다 그래픽만 , 아님 이너넷만 머 이런식인듯...  인터넷 찾아보면 길이보임 .. 난 잘모름 .. 나하하 ~ 

  if (hDevInfo == INVALID_HANDLE_VALUE)
  {  
   return 1;
  }

  DeviceInfoData.cbSize = sizeof(SP_DEVINFO_DATA);
  for (iCnt=0;SetupDiEnumDeviceInfo(hDevInfo,iCnt,&DeviceInfoData);iCnt++) /// 갯수 가지고 포문 을 돌린다 한갯식 정보를 가져와야지/
  {
  DWORD DataT;
  LPTSTR buffer = NULL;
  DWORD buffersize = 0;
  int i=SPDRP_DEVICEDESC;

  while (!SetupDiGetDeviceRegistryProperty(   // 디바이스의 각종 정보를 가져온다.
             hDevInfo,
             &DeviceInfoData,
             SPDRP_FRIENDLYNAME,  // 디바이스 정보가저오는것을 여기서 변경할수있다 아이디 또는 머 기타 부수적인것 변경해줌으로써 내용이 바뀐다.
             &DataT,
             (PBYTE)buffer,
             buffersize,
             &buffersize)
    )
    {
   if (GetLastError() ==ERROR_INSUFFICIENT_BUFFER)
   {
     // Change the buffer size.
     if (buffer) LocalFree(buffer);
     // Double the size to avoid problems on
     // W2k MBCS systems per KB 888609.
     buffer = (LPTSTR)LocalAlloc(LPTR,buffersize * 2);
   }
   else
   {
    // Insert error handling here.
     break;
   }
    }
    printf("장치명 :[ %s ]  \n",buffer);
    /// LGE CDMA USB Serial Port(COM7)
  
    sprintf_s(str_buffer,"%s\n",buffer);
    if(strstr(str_buffer,sDiveName))
    {  
   
   if  (iState == 0)
   {    
    if (DiviceStateChange(DICS_ENABLE, iCnt , hDevInfo)){
     printf("Divice Name :[ %s ] Divice Num -> %d 을 사용으로 변경완료. \n",buffer,iCnt);
    }
    else
    {
     printf("Divice Name :[ %s ] Divice Num -> %d 을 사용으로 변경하려 했지만 실패 하였습니다.. \n",buffer,iCnt);
    }
    
   }
   else
   {
    if (DiviceStateChange(DICS_DISABLE, iCnt , hDevInfo) )
    {
     printf("Divice Name :[ %s ] Divice Num-> %d 을 사용 않함으로 변경완료. \n",buffer,iCnt);
    }
    else
    {
     printf("Divice Name :[ %s ] Divice Num -> %d 을 사용 않함으로 변경하려 했지만 실패 하였습니다.. \n",buffer,iCnt);
    }
    
   } 
   getchar();
   return 0; 
   
    } 

  };
 getchar();
  if ( GetLastError()!=NO_ERROR &&
  GetLastError()!=ERROR_NO_MORE_ITEMS )
  { 
  return 1;
  }
 
     SetupDiDestroyDeviceInfoList(hDevInfo);
 
  return 1;
}

BOOL DiviceStateChange(DWORD NewState, DWORD SelectedItem,HDEVINFO hDevInfo)
{
    SP_PROPCHANGE_PARAMS PropChangeParams = {sizeof(SP_CLASSINSTALL_HEADER)};
    SP_DEVINFO_DATA DeviceInfoData = {sizeof(SP_DEVINFO_DATA)};
    //  HCURSOR hCursor;

    //
    // This may take a while :^(
    //
 //   hCursor = SetCursor(LoadCursor(NULL, IDC_WAIT));

    //
    // Get a handle to the Selected Item.
    //
 
    if (!SetupDiEnumDeviceInfo(hDevInfo,SelectedItem,&DeviceInfoData))
    {
        DisplayError(TEXT("EnumDeviceInfo"));
        return FALSE;
    } 

    //
    // Set the PropChangeParams structure.
    //
 PropChangeParams.ClassInstallHeader.cbSize = sizeof(SP_CLASSINSTALL_HEADER);  
    PropChangeParams.ClassInstallHeader.InstallFunction = DIF_PROPERTYCHANGE;
    PropChangeParams.Scope = DICS_FLAG_GLOBAL;
    PropChangeParams.StateChange = NewState;
 PropChangeParams.HwProfile = 0;


    if (!SetupDiSetClassInstallParams(hDevInfo,
        &DeviceInfoData,
        (SP_CLASSINSTALL_HEADER *)&PropChangeParams,
        sizeof(PropChangeParams)))
    {
        DisplayError(TEXT("SetClassInstallParams"));     
  return FALSE;
    }
 
    if (!SetupDiCallClassInstaller(DIF_PROPERTYCHANGE,
        hDevInfo,
        &DeviceInfoData))
    {     
        return TRUE;
    }
    return TRUE;
}

 


hader 구조
JNIEXPORT jint JNICALL Java_com_common_aa_diviceStateChange
  (JNIEnv * env, jobject obj , jint iState, jbyteArray blDiveName);
---------------------------------------------------------------
JNIEXPORT jint JNICALL Java    --> 여기 까지는 기본으로 만들어진다.
_com_common -- > 패키지 위치
_aa  --> 클레스이름
_diviceStateChange -->함수명
(JNIEnv * env, jobject obj  --> 기본으로 만들어지는  값들
, jint iState, jbyteArray blDiveName); --> 내가 인자 넘기는 값이 정의 대어있다 . 여기서보면 int 형은 jint 로 보이고  , byte값은 jbyteArray  값으로 나타난다.


------------------------------------------------------------------
cpp 만들기
해더파일 복사해서 붙여넣기하면 끝 ... 그담에 ; 빼고 {} 묵고 그안에다가 자료 넣는다 리턴값이있는 클래스 이기 때문에 .. 리턴값정의한다.
JNIEXPORT jint JNICALL Java_com_common_aa_diviceStateChange
  (JNIEnv * env, jobject obj , jint iState, jbyteArray blDiveName)
{
return int a =0; // 대는지는 모름 .. ㅋㅋㅋㅋ c 문법에 맞게 하세요
}
그담에 컴파일 f7 누루면 DLL만들어진다..

참고

디버깅 예
F9 브러킹 거는거
F5 는 블럭킹 건거 순차적으로 디버깅 (DLL 만들떄는 안돼요 실행파일이 없기때문에 ?? 아님 나도 몰름 .. 이상한 창뜸 ..)
F7 컴파일
조사식에  자료형태를 보고싶으면 마우스로 끌어당기면 보인다 @,.@ 신기..






DLL 만들기
new  - > win32 Dynamic-link Library -> A simple Dll project
하면 끝...
여기에 Java  include에 포함 시키고  설정한다음에 프로그램 작성하면 끝~~~
Jni 해더 파일은 만드는법은 인터넷 찾아보면 많으니까 찾아보시고.
그다음작업하면 완료 ~~`
class aaa
{
static {System.loadLibrary("로드할 DLL 이름");}
public native int diviceStateChange(int iState , byte[] blDiveName); /// 이부분은 C++ DLL과 이름이 동일해야한다.
public int diviceStateChange(int iState , String strDiveName) throws Exception
{
//내부코딩 리턴값 설정
int iRet = diviceStateChange(iState,getEndNullByte(strDiveName));
return iRet ; // 이정도 ?
}
}
///////
매인에서는 
aa _aa= new aa(); 
_aa.getInstance();
int  k  = _.aa.diviceStateChange(0,"COM3"); 
System.out.println(k);
 요런식으로 사용하면 끝





http://www.wireshark.org/  << 공식 홈페이지

설명 : 패킷을 분석하여 내컴퓨터에 어떤식으로 자료를 주고 받는지 확인 하는 프로그램

자료형

shortint  :(정수형) ~128~127
integer : -32768
longint : 2147483648
byte : 0~125
word : 0 65535
real :  (실수형)
double:
extended :
comp
currency

숫자와 관련해서 자주 사용되는 루틴
 Low(x) X의 법위중 가장 최소 값을 리턴  (X는 배열)
 High(x)  x의 최대값(X는 배열)
 Ord(x)  x의 서수값
 Pred(x)  x -1 값을 리턴한다
 Succ(x) x+1 값을 리턴 
 Frac(x) x의 소수점 이하 부분을 리턴 
 int(x) 실수X의 정수 부분을 리턴한다. 123.0
Trunce(x) 실수형 정수부분만 1.222 => 1 


문자열
 chr(x) 정수를 아스키문자로 전환   C1 := chr(65); A가 저장된다.
 Concat(s1,s2,s3); 문자들을 합친다.  s := s1 +s2+s3
 CompareStr(s1,s2) 대소문자구분하여비교한다.
숫자값리턴 
l := compareStr(s1,s2);
if l <0 then
showmessage('스트링값이틀려');
 CompareText  대소문자 구분안하고 비교한다.  l := CompareText(s1,s2);
if l < 0 then
showmessage('틀리거든');
 copy(s,pos,len) 문자열 s 에서 pos 위치로부터 len 길이만큼 리턴한다   s := 'ABCDE';
s:= Copy(s,2,3); {'BCD'}
 Delete(s,pos,len) 위치에서 길이만큼지운다   s := 'ABCDE';
s:= Delete(s,2,3); {'A}
insert(source,target,pos) 타겟에다가 pos 위치에다가  source 추가한다.
Length(s)  문자열 길이를 리턴한다.
LowerCase(s) 아스키 스트링을 소문자로 리턴
Pos(substing,s) 문자열 s 에서 문자열 substring 을 찾아 시작 되는 위치 값을 리턴한다.
SetLength(s,newLen)  동적으로 문자열 길이를 다시 지정한다.
Str(x,s) 정수 타입을 문자열로 바꾼다.
StrUpper(s) 문자열 대문자로 변환합니다.
StrLower(s) 문자열을 소문자로 변환합니다.
 UpperCase(s) a~z 까지의 아스키 소문자를 대문자로 전환



상속
_name = class(_parent)



형변환
 CurrToStr currency 값을 스트링형으로 변환하여 리턴한다. 
 FloatToDecimal 실수형값을 Decimal 값으로 변환합니다. 
IntToStr int -> str 
StringToWidchar  
 StrToCurr  
 strToFloat  
 strToInt 스트링값을 integer 값으로 형변환 
   






 


난이도 : 초급

Brett McLaughlin, Author and Editor, O'Reilly Media Inc.

2007 년 5 월 02 일

평이한 텍스트와 XML은 비동기식 애플리케이션에서 정보를 송수신 할 때 사용할 수 있는 데이터 포맷입니다. Ajax 마스터하기 시리즈에서는 또 다른 유용한 데이터 포맷인 JavaScript Object Notation (JSON)에 대해 알아보고, 이것이 애플리케이션에서 데이터와 객체들을 어떻게 이동시키는지를 설명합니다.

여러분이 본 시리즈를 오랫동안 읽어왔다면, 데이터 포맷에 대한 지식도 많이 쌓였을 것이다. 이전 기술자료에서는 평이한 텍스트와 간단한 name/value 쌍이 많은 비동기식 애플리케이션에서 어떤 역할을 하는지를 살펴보았다. 여러분은 다음과 같은 데이터를 조합할 수 있다.

firstName=Brett&lastName=McLaughlin&email=brett@newInstance.com

더 이상 무엇을 할 필요가 없다. 사실, 웹 고수들은 이것이 GET 요청을 통해 보내지는 정보용 포맷이라는 것을 알고 있다.

그리고 나서, 본 시리즈에서는 XML에 대해서 다루었다. 확실한 것은 XML은 부정적인 측면과 긍정적인 측면 모두에서 정당한 평가의 몫을 받았고, 이러한 것이 Ajax 애플리케이션에서도 나타나는 것은 그리 놀랄 일이 아니다. 본 시리즈의 지난 기술자료들에서 XML이 대안 데이터 포맷들을 어떻게 제공하는지를 파악하기 바란다.

<request>
  <firstName>Brett</firstName>
  <lastName>McLaughlin</lastName>
  <email>brett@newInstance.com</email>
</request>

이것은 여러분이 위해서 보았던 것과 같은 데이터이지만, XML 포맷으로 저장되어 있다. 그 외에 특징적인 것은 없다. 평이한 텍스트와 name/value 쌍 대신에 XML을 사용할 수 있는 또 하나의 데이터 포맷일 뿐이다.

이 글에서는 또 다른 데이터 포맷인 JavaScript Object Notation(JSON)에 대해 살펴보겠다. JSON은 여러분이 이미 보았던 것과 비슷한 부분이 있고, 어떤 부분은 생소하다. 이것은 여러분에게 또 다른 선택권을 줄 것이며, 그 선택은 그렇게 나쁘지 않다.

선택할 수 있는 권한

JSON 포맷에 대해 상세히 설명하기 전에, 특히, 평이한 텍스트에서 XML과 name/value 쌍으로 작업하는 방법을 이미 알고 있다면, 다양한 데이터 포맷을 다룬 기술자료들을 먼저 읽어보기 바란다.(다음 글에서도 JSON에 대해 다룰 것이다.) 이유는 간단하다. 여러분에게 선택권이 많이 주어지고 문제에 대한 옵션들이 많아질수록, 단 하나의 솔루션 보다는 문제에 대한 최상의 솔루션을 찾을 수 있는 더 좋은 기회들이 생기기 때문이다.

name/value 쌍과 XML

본 시리즈에서는 name/value 쌍이 적합한 상황과 XML을 사용하기에 적합한 상황에 대해 이미 다루었다. 거듭 말하지만, 여러분은 우선 name/value 쌍을 사용하는 것을 늘 생각해야 한다. 이것은 대부분의 비동기식 애플리케이션에서 생기는 문제들에 대한 가장 간단한 솔루션이고, JavaScript에 대한 기본적인 지식만 있어도 간단히 해결된다.

여러분은 XML로 전향하는데 제약이 없다면 대안 데이터 포맷을 사용하는 것에 관해 걱정할 필요가 없다. 확실히, XML 포맷의 입력을 요하는 서버 측 프로그램으로 데이터를 보낸다면, 데이터 포맷으로 XML을 사용해야 한다. 대부분의 경우, XML은 애플리케이션에 여러 정보 조각들을 보내야 하는 서버용으로 적합하다. 다시 말해서, XML은 Ajax 애플리케이션으로부터의 요청 보다는, Ajax 애플리케이션으로의 응답으로 더 일반적으로 사용된다.

JSON 추가하기

name/value 쌍 또는 XML을 사용할 때, JavaScript를 사용하여 애플리케이션에서 데이터를 가져다가, 이것을 데이터 포맷에 채워 넣는다. 이 경우, JavaScript는 데이터 조작 언어로서의 역할을 하고, 웹 폼에서 데이터를 이동시키고 조작하며, 이것을 서버 측 프로그램에 쉽게 보내질 수 있는 포맷에 넣는다.

하지만, 단순한 포맷 언어 이상으로 JavaScript를 사용해야 할 때가 있다. 이러한 경우에, JavaScript 언어의 객체를 사용하여 데이터를 표현하고, 웹 폼에서 데이터를 가져다가 요청을 한다. 이러한 상황에서, JavaScript에 있는 객체에서 데이터를 추출하고 그 데이터를 name/value 쌍 또는 XML로 채우는 것이 일이다. 이때에 JSON이 빛을 발한다. JavaScript 객체를 (동기식 또는 비동기식) 요청의 일부로 보내질 수 있는 데이터로 쉽게 변환할 수 있다.

기본적으로 JSON은 문제해결의 특효약은 아니다. 하지만, 매우 특수한 상황에 있어서 훌륭한 옵션이 된다. 그러한 상황에 절대로 놓이지 않을 것이라고 가정하지 말고, 이 글과 다음 글을 읽으면서 JSON을 배워가기 바란다. 그러한 유형의 문제에 직면할 때를 대비한다고 생각하면 좋을 것이다.




위로


JSON 기초

JSON으로는 JavaScript 객체로 표현된 데이터를 한 함수에서 다른 함수로, 또는 비동기식 애플리케이션의 경우, 웹 클라이언트에서 서버 측 프로그램으로 쉽게 전달할 수 있는 스트링으로 변형할 수 있다. 문자열이 약간 이상해 보이지만 JavaScript에 의해 쉽게 인터프리팅 되고, JSON은 name/value 쌍 보다 복잡한 구조도 표현한다. 예를 들어, 단순한 키와 값 리스트 대신, 배열과 복합 객체들을 나타낼 수 있다.

JSON 예제

JSON에서는 name/value 쌍이 다음과 같이 표현된다.

{ "firstName": "Brett" } 

이는 매우 기본적인 것이고, 텍스트의 name/value 쌍 보다는 더 많은 공간을 차지한다.

firstName=Brett

하지만, JSON은 여러 name/value 쌍들을 하나로 연결할 때 진가를 발휘한다. 우선, 다음과 같이, 여러 name/value 쌍으로 데이터 레코드를 생성할 수 있다.

{ "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" }

신택스의 관점에서 보면 name/value 쌍 보다 나은 점이 없어 보이지만, 이 경우, JSON은 훨씬 더 사용하기 쉬우며, 가독성도 놀랍다. 예를 들어, 위 세 개의 값들은 같은 레코드의 일부이다. 중괄호는 그 값이 같은 커넥션을 갖고 있다는 것을 표시하고 있다.

값들의 배열

값을 나타내야 할 때, JSON은 보다 읽기 쉽고, 덜 장황하다. 예를 들어, 인명부가 있다고 해보자. XML에서는, 수 많은 오프닝/클로징 태그에 둘러싸이게 되고, 전형적인 name/value 쌍을 사용한다면, 독점적인 데이터 포맷을 사용해야 하거나, person1-firstName처럼 키 네임을 수정해야 한다.

JSON에서는 다음과 같이 괄호를 사용하여 레코드를 그룹핑 할 수 있다.

{ "people": [
  { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },
  { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },
  { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }
]}

이해하기도 어렵지 않다. 이 경우, people이라는 하나의 변수가 있고, 값은 세 개의 아이템을 포함하고 있는 배열이며, 각각의 레코드에는 이름, 성, 이메일 주소가 있다. 위 예제는 레코드들을 모두 투입하는 방법과, 아이템을 괄호가 있는 싱글 값으로 그룹핑 하는 방법을 설명하고 있다. 물론, 같은 신택스를 사용할 수 있지만, 여러 값들(각각 여러 레코드들을 갖고 있음)을 갖고 있다.

{ "programmers": [
  { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },
  { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },
  { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }
 ],
"authors": [
  { "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },
  { "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },
  { "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }
 ],
"musicians": [
  { "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },
  { "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }
 ]
}

여기에서 주목해야 할 점은 각각이 다수의 값을 내포하고 있는 많은 값들을 표현할 수 있는 당신의 능력이다. 또 하나 주목해야 할 점은 레코드의 name/value 쌍들은 다른 메인 항목(programmers, authors, musicians)에 따라 변한다는 것이다. JSON은 완전히 동적이고, JSON 구조 안에서 데이터를 표현하는 방식을 바꿀 수 있다.

또 한 가지 알아두어야 할 것은 JSON 포맷 데이터로 작업할 때 제약 조건이 없다는 점이다. 따라서, 어떤 것을 표현하는 방식을 바꿀 수 있고, 심지어는 같은 데이터 구조 내에서 같은 것을 다른 방식으로 나타낼 수도 있다.




위로


JavaScript에서 JSON 사용하기

JSON 포맷을 다룬 후라면, JavaScript에서 이것을 사용하는 것은 간단하다. JSON은 네이티브 JavaScript 포맷이고, JavaScript 내에서 JSON 데이터와 작업하기 위해 특별한 API나 툴킷이 필요 없다.

JSON 데이터를 변수에 할당하기

예를 들어, 새로운 JavaScript 변수를 만들고, JSON 포맷 데이터 스트링을 여기에 직접 할당한다고 해보자.

var people =
  { "programmers": [
    { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },
    { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },
    { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }
   ],
  "authors": [
    { "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },
    { "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },
    { "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }
   ],
  "musicians": [
    { "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },
    { "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }
   ]
  }

복잡하지 않다. people에는 이제 JSON 포맷 데이터가 포함되어 있다. 하지만, 많은 것을 수행하지 않는다. 데이터는 여전히 유용한 포맷으로 되어있지 않다.

데이터에 액세스 하기

위의 매우 긴 스트링은 단순한 배열일 뿐이고, JavaScript 변수에 그 배열이 있다면 쉽게 액세스 할 수 있다. 사실, 그 배열을 마침표로 구분할 수 있다. 따라서, programmers 리스트의 첫 번째 엔트리의 성(last name)에 액세스 하려면, JavaScript에서 다음과 같은 코드를 사용해야 한다.

people.programmers[0].lastName;

인덱싱은 '0' 부터 시작한다. 따라서, 이것은 people 변수에 있는 데이터로 시작한다. 그리고 나서, programmers라고 하는 아이템으로 이동하고, 첫 번째 레코드([0])에 액세스 한다. 마지막으로, lastName 키의 값에 액세스 한다. 결과는 "McLaughlin"이라는 스트링 값이다.

다음은 같은 변수를 사용하는 예제들이다.

people.authors[1].genre			// Value is "fantasy"

people.musicians[3].lastName		// Undefined. This refers to the fourth entry,
 and there isn't one

people.programmers.[2].firstName	// Value is "Elliotte"

이 신택스로도, 다양한 JSON 포맷 데이터로 작업할 수 있고, 추가 JavaScript 툴킷이나 API가 필요 없다.

JSON 데이터 수정하기

위에 나타난 점과 괄호 표기법을 사용하여 데이터에 액세스 하듯, 같은 방식으로 데이터를 쉽게 수정할 수 있다.

people.musicians[1].lastName = "Rachmaninov";

문자열에서 JavaScript 객체로 변환했다면 변수에 있는 데이터를 수정하면 된다.

문자열로 변환하기

물론, 모든 데이터 수정은 텍스트 포맷으로 쉽게 변환할 수 없다면 가치가 없다. 이것 역시 JavaScript에서는 간단하다.

String newJSONtext = people.toJSONString();

이것이 다이다. 원하는 곳 어디에서나 사용할 수 있는 텍스트 문자열이 생겼으니, 이것을 Ajax 애플리케이션에서 요청 스트링으로 사용할 수 있다.

훨씬 더 중요한 것은, 어떤 JavaScript 객체라도 JSON 텍스트로 변환할 수 있다. 원래 JSON 포맷 스트링으로 할당된 변수로만 작업할 필요가 없다. myObject라는 객체를 변형하려면, 같은 종류의 명령어를 실행하면 된다.

String myObjectInJSON = myObject.toJSONString();

이것이 JSON과 다른 데이터 포맷과의 가장 큰 차이이자, 이 시리즈를 통해 탐구할 주제이다. JSON에서는, 단순한 함수를 호출하면, 포맷팅 되어 사용하기에 알맞은 데이터를 얻을 수 있다. 다른 데이터 포맷의 경우, 미가공 데이터와 포맷 데이터간 변환은 여러분의 몫이다. Document Object Model 같이 데이터 구조를 텍스트로 변환하는 함수를 제공하는 API를 사용할 때도, 네이티브 JavaScript 객체와 신택스 보다는, API를 배우고 그 API의 객체를 알아야 한다.

여러분이 많은 JavaScript 객체들과 작업할 때, JSON은 데이터를 서버 측 프로그램으로 요청을 보내기에 알맞은 포맷으로 쉽게 변환할 수 있다.




위로


결론

본 시리즈에서는 데이터 포맷에 대한 내용을 많은 부분을 할애했다. 여러분의 비동기식 애플리케이션이 거의 비동기식이기 때문이다. 모든 종류의 데이터를 송수신 할 수 있는 다양한 툴과 기술이 있다면, 각 데이터 유형에 가장 잘 맞는 방식으로 수행하면 되고, Ajax 전문가의 반열에도 오를 것이다. 여기에 JSON을 추가하면, JavaScript에서 보다 복잡한 데이터 구조도 능숙히 다룰 준비가 된다.

다음 기술자료에서는 단순히 데이터를 보내는 것 이상으로, 서버 측 프로그램이 JSON 포맷 데이터를 수신하여 처리하는 부분을 설명할 것이다. 또한, 서버 측 프로그램이 스크립트와 서버 측 컴포넌트에 JSON 포맷으로 된 데이터를 보내는 방법도 설명할 것이다. XML, 평이한 텍스트, JSON 요청과 응답을 혼합하는 부분에 대해서도 설명할 것이다. 목표는 어떤 환경에서도 유연하게 이러한 툴들을 능숙히 조작할 수 있도록 하는 것이다.

기사의 원문보기




링크 정리하자
http://theeye.pe.kr/entry/Prototype-Javascript-Framework-Event  -프포퍼티 사용법
http://openframework.or.kr/Wiki.jsp   -자료 많은곳
http://techbug.tistory.com/guestbook  -데꾸벅님 extjs 정리 되어있는곳
http://www.ibm.com/developerworks/kr/library/x-ajaxjquery.html  -jquary 설명글있는곳
http://getfirebug.com/  -firebug
http://developer.yahoo.com/yui/theater/  -yahoo 영문 싸이트(공부해야 볼수있겠다 ㅠ..ㅠ)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 <script language="JavaScript" src="prototype1_6.js"></script> 
  <script>

 function showOptions(){
  var someNodeList = $('lstEmployees').getElementsByTagName('option');
  var nodes = $A(someNodeList);

  nodes.each(function(node){
    alert(node.nodeName + ': ' + node.innerHTML);
    alert(node.value);
   });
 }
 var myPet = {
  color: 'black',
  legCount: 4,
  communicate: function(repeatCount){
   for(i=0;i<repeatCount;i++)
    alert('Woof!');
  }
 };
 function aa (){
  alert('my pet is ' + myPet.color);
  alert('my pet has ' + myPet.legCount + ' legs');
  //if you are a dog, bark three times:
  myPet.communicate(3);
 }

 var myDog = {
  bark: function(){
   alert('Woof!');
  }
 };

 var myCat = {
  meow: function(){
   alert('I am a lazy cat. I will not meow for you.');
  }
 };

 function annoyThePet(petFunction){
  //let's see what the pet can do
  petFunction();
 }

  //annoy the dog:
 
 //annoyThePet(myDog.bark);
  //annoy the cat:
 //annoyThePet(myCat.meow);

 ///myCat.meow = myDog.bark;
 
 //myCat.meow(); //alerts 'Woof!'


//defining a new class called Pet
var Pet = function(petName, age){
 this.name = petName;
 this.age = age;
};

//let's create an object of the Pet class
var famousDog = new Pet('Santa\'s Little Helper', 15);
//alert('This pet is called ' + famousDog.name);

Pet.prototype.communicate = function(){
 alert('I do not know what I should say, but my name is ' + this.name);
};

var Pet = Class.create();
Pet.prototype = {
 //our 'constructor'
 initialize: function(petName, age){
  this.name = petName;
  this.age = age;
 },
 
 communicate: function(){
  alert('I do not know what I should say, but my name is ' + this.name);
 }
};
 var myArray = ['first', 'second', 'third'];
    myArray.each( function(item, index){
 //alert('The item in the position #' + index + ' is:' + item);
} );

 

 


 

</script>

<select id="lstEmployees" size="10" >
 <option value="5">Buchanan, Steven</option>
 <option value="8">Callahan, Laura</option>
 <option value="1">Davolio, Nancy</option>
</select>

 

 </HEAD>

 <BODY>
 <input type="button" value="Show the options" onclick="showOptions();" >
  <input type="button" value="Saaas" onclick="aaa();" >

    <input type="button" value="11"  id ="someButtonID" >
   <input type="button" value="11"  id ='someOtherButtonID' >

   <input type="text" value="txtName"  id ='txtName' >
   <input type="text" value="txtEmail"  id ='txtEmail' >
   <input type="text" value="txtAddress"  id ='txtAddress' >
    <input type="button" value="btnClear"  id ='btnClear' >


 </BODY>
 <script>

 

var myButton = $('someButtonID');
var myButton2 = $('someOtherButtonID');
myButton.onclick = buttonClicked;
myButton2.onclick = buttonClicked;
function buttonClicked(){
 alert('button ' + this.id + ' was clicked');
}

 

var myHelper = {
 
 formFields: [ ],
 
 emptyAllFields: function(){
  for(i=0; i<this.formFields.length; i++){
   var elementID = this.formFields[i];
   var field = document.getElementById(elementID);
   field.value = '';
  }
 }
};


myHelper.formFields.push('txtName');
myHelper.formFields.push('txtEmail');
myHelper.formFields.push('txtAddress');

//clearing the text boxes:
myHelper.emptyAllFields();

var clearButton = document.getElementById('btnClear');
//clearButton.onclick = myHelper.emptyAllFields;
clearButton.onclick = function(){ myHelper.emptyAllFields(); };

 

 </script>


</HTML>


일단 프로그램을 설치 완료 했다면 ..
라이프 싸이클 폴더에 lcd-samples.war 파이이 있을거이다...
요것을 복사한다.

그후 TOMCAT\webapps\sample 폴더만들고  압축 해제 한다.

라이프 싸이클을 설치하면 간단한 메모리 디비가 설치가된다 이것을 실행해주자 .~


그다음에 TOMCAT을 실행한다.
http://127.0.0.1:8080/samples
입력 실행하면 짜잔 ~~ 끝이다.





1. 먼저 자바를 설치한다. eclipse 를 사용하기위해서는 최신버전 1.6을 sun 사에서 다운받자 .. 설치방법은 인터넷을 뒤지자..
2. tomcat5.5를 다운받자 .. 6.0 받아도 되지만 나는 5.5를 쓴다.. 회사에서도 이것을 쓰기때문에.. 나중에 내가 6.0으로 바꺼야지... 하지만 좀 불안하다는 소리가있던데 6.0은 일단  5.5를 설치한다.
이때 설치버전은 zip 형식의 윈도우 파일을 다운받자 그래야  나중을 위해서도 좋다... 인스톨은  버려라~!!
파일이름 : apache-tomcat-5.5.27.zip
 
3.  eclipse3.4 ee 버전을 다운받자 기본말고 우리는 웹을 할꺼니까 ee받자 
파일이름 : eclipse-jee-ganymede-win32.zip
4. 거기아 sdk 84 메가 짜리를 받으면 더욱 좋겠다 같이 써야한다 .
파일이름 : eclipse-java-ganymede-win32.zip
5. 위 사항을 다 깔았으면 flex 관련된 파일을 다운받는다.

fb3_wwej_plugin.exe   --> 클라이언트 버전 코딩할대 쉽게 할려면 이거 깔면된다. 이클립스에다가 덥어 씨운다. myeclipse 에도 깔리는거 확인했다. myeclipse 에 flex 를 깔려면  마이이클리스 하위에 eclipse 폴더를 지정하고 인스톨 하면 깔린다.
lcds261-win.exe   --> 라이프 싸이클이다. 이것은  몰라서 무지하게 찾아봤는데 별거아니다..-_-;; 추후설명
flex_sdk_3.zip -->  말그대로 sdk 컴파일하고  소스 jar 파일있고 .. 이클립스 버전 깔았으면 그다지 필요는 없는데 ant 자동 빌딩할때는 필요할거같다 일다는 패스 ..
blazeds-turnkey-3.2.0.3978.zip   --> 라이프 싸이클 대체로 완존 무료다 보니까 차트도 무료로 쓸수 있는거 같다 아잉 좋아라 ~~ 근데 차트 몇게박에 안됀다 .. 젠장알 .~~~

6. 라이프 싸이클이란...

내가 나름 찾아보면서 생각한건데 ... 그냥 jar 파일 묵음 이다 .. 플렉스를 쉽게 사용하기위해서 필요한 프레임워크라고 생각한다 ..-_-;; 난 라이프 싸이클과 통신하는줄 알았다 근데 아니다  -_- 요런 젠장알 .. 무자게 찾아 해맨거다 .. 그저 가져다 쓰면 돼는거다 옵션들은 유심히 보면 좋을거 같다 .. ~~


 


 

플렉스란 ?
내가 생각하기에는 플렉스 음 아주 이쁜 ui 웹 프로그램이다. 설정이 매우 복잡하다 외이리 복잡한지 ....
일반 프로그램처럼 소켓통신으로 웹화면을 수시로 바꺼줄수있다.. (이점이 매우 마음에 듣다).
할수잇는 방법은
xml 을 리턴받아 사용하는 방법
xml 하고 비슷한데 soap 를 사용하는 방법 << 요거는 공부를 더해야겠다 머 xml 하고 비슷한거같다
국제적 규약을 따라서 문서가 만들어지고 그것을 가지고 와서 데이터를만드는것 같다 ..
remoteObject  이방법 이방법은  flex 에있는 xml 에서 선언해주고 그 자바 클레스를 가져가다 사용하는 방법이다.. 이방법은 실시간으로 업데이트 안된다는 단점이 있는데 .. 사용하기에는 편한거 같다 클레스로 .. 파라메타를 가져다가  그값을 리턴 받을수 있는지는 아직 모르겟다.(좀더 공부해봐야 하는 과제이다).
메시지 서비스  --> 아직 안해봐서 모르겟다.
추론 : 일단 체팅처럼 메세지를 서로 교환 하는 방식이다 ..
일단   하나의 통신을열어서 거기다가 인풋을 가하면 그 객체를 사용하고잇는 다른 사용자들도 메세지를 받아 볼수 있는방법인거같다.
데이터 관리 서비스 --> 사용은 안해봤다 ..
추론 : 자바에서 쓰레드로 시간마다 돌면서 데이터를 인풋 해주는 경우이다. 이경우에는 사용자마다 다 틀리게 데이터를 받는게아니고 다 동일 하게 받는 거 같다 일단 봐야겠다.. 


요몇일 플렉스를 공부하면서  대략적인 나의 생각을 정리한것이다.