SlideShare ist ein Scribd-Unternehmen logo
1 von 21
Downloaden Sie, um offline zu lesen
JSON
JavaScript Object Notation
Object of JavaScript
    Really Lightweight
  List of Key-Value Pair
          Prototype
      Little Database
Object Literals
Most Important Feature of
       JavaScript
What is Literals?
This is Literals
      "ABC"
         5
     /^[A-Z]$/
Same Objects
 new String("ABC");
   new Integer(5);
new RegEx("^[A-Z]$");
Object Literals
var myObject = {
   name: "Kim Young Hoo",
   'goto': 'Jail',
   grade: 'A',
   level: 3
};
No Literals
var myObject = new Object();

myObject["name"] = "Kim Young Hoo";
myObject["goto"] = "Jail";
myObject["grade"] = "A";
myObject["level"] = 3;
Nested Literals
var myObject = {
  name: "Kim Young Hoo",
  goto: "Jail",
  greet: function() {
     alert("Hello");
  },
  friends: ['A', 'B', 'C'],
  format: {
     age: 26,
     width: 1920
  }
}
Good
myFunction('rect', 1000, 2000)

myFunction({
   type: 'rect',
   width: 1920,
   height: 1080
});
throw {
    name: 'error',
    message: 'out of bounds'
};
Other Languages Can't
       Do This
        Why?
Advanced
var myObject = function() {
  var age = 0;

  function setAge(number) {
     age = number;
  };

   return {
      name: "No Name",
      plusTen: function() { setAge(age + 10); },
      getAge: function() { return age }
   };
}();


myObject.name = "Young Hoo";
myObject.plusTen();
alert(myObject.getAge());
What is JSON?
인터넷에서 자료를 주고받을 때 그 자료를 표현하는 방법
자바스크립트 " 리터럴 " 을 유니코드로 인코딩하여 전송


  받는 곳에선 유니코드를 디코드하여 객체를 복원
Multi Languages
타 언어의 객체도 전송되기 전에 JS 리터럴 형식의
     스트링으로 변환하여 사용 가능

 Java Object ↔ String (JS Literal) ↔ C# Object
Encode/Decode Library
   JS, AS, Java, C#, Python,
 Ruby, Haskell, Erlang, Lisp, C,
  C++, Delphi, PHP, Perl, ....
In WatchAll
DBUpdate, DBQuery
DBUpate 나 DBQuery 의 리쿼스트에서 JSON 으
로 달라는 요청이 있으면 JSON 객체를 리턴
In Flex
function resultHandler(event:ResultEvent):void{
  var rawData:String = String(event.result);
  var jObj:Object = JSON.decode(rawData);
  var dp:ArrayCollection = new
ArrayCollection(jObj["DATA"]);


    dataGrid.dataProvider = dp;
}
빠른 통신속도 , 작은 부하

Object, Array, ArrayCollection 은 XML,
XMLList, XMLListCollection 보다 효율적
XML 을 조작하는거 보다 객체를 조
       작하는게 용이

JS 나 AS 스타일을 더 잘 살릴 수 있
           음
It's Proven Solution
 대부분의 Web 2.0 사이트에서
JSON 을 데이터 통신에 사용 XML
     보다 압도적으로 많음

Weitere ähnliche Inhalte

Was ist angesagt?

MongoDB 하루만에 끝내기
MongoDB 하루만에 끝내기MongoDB 하루만에 끝내기
MongoDB 하루만에 끝내기Seongkuk Park
 
Java script 강의자료_ed13
Java script 강의자료_ed13Java script 강의자료_ed13
Java script 강의자료_ed13hungrok
 
Jquery javascript_ed10
Jquery javascript_ed10Jquery javascript_ed10
Jquery javascript_ed10hungrok
 
GKAC 2015 Apr. - Android Looper
GKAC 2015 Apr. - Android LooperGKAC 2015 Apr. - Android Looper
GKAC 2015 Apr. - Android LooperGDG Korea
 
11 object expressions_and_declarations
11 object expressions_and_declarations11 object expressions_and_declarations
11 object expressions_and_declarations정연 최
 
Web server page_ed10
Web server page_ed10Web server page_ed10
Web server page_ed10hungrok
 
7가지 동시성 모델 - 데이터 병렬성
7가지 동시성 모델 - 데이터 병렬성7가지 동시성 모델 - 데이터 병렬성
7가지 동시성 모델 - 데이터 병렬성HyeonSeok Choi
 

Was ist angesagt? (7)

MongoDB 하루만에 끝내기
MongoDB 하루만에 끝내기MongoDB 하루만에 끝내기
MongoDB 하루만에 끝내기
 
Java script 강의자료_ed13
Java script 강의자료_ed13Java script 강의자료_ed13
Java script 강의자료_ed13
 
Jquery javascript_ed10
Jquery javascript_ed10Jquery javascript_ed10
Jquery javascript_ed10
 
GKAC 2015 Apr. - Android Looper
GKAC 2015 Apr. - Android LooperGKAC 2015 Apr. - Android Looper
GKAC 2015 Apr. - Android Looper
 
11 object expressions_and_declarations
11 object expressions_and_declarations11 object expressions_and_declarations
11 object expressions_and_declarations
 
Web server page_ed10
Web server page_ed10Web server page_ed10
Web server page_ed10
 
7가지 동시성 모델 - 데이터 병렬성
7가지 동시성 모델 - 데이터 병렬성7가지 동시성 모델 - 데이터 병렬성
7가지 동시성 모델 - 데이터 병렬성
 

Ähnlich wie Abc

파이썬+Json+이해하기 20160301
파이썬+Json+이해하기 20160301파이썬+Json+이해하기 20160301
파이썬+Json+이해하기 20160301Yong Joon Moon
 
Ajax 기술문서 - 김연수
Ajax 기술문서 - 김연수Ajax 기술문서 - 김연수
Ajax 기술문서 - 김연수Yeon Soo Kim
 
Javascript 완벽 가이드 정리
Javascript 완벽 가이드 정리Javascript 완벽 가이드 정리
Javascript 완벽 가이드 정리ETRIBE_STG
 
비전공자의 자바스크립트 도전기
비전공자의 자바스크립트 도전기비전공자의 자바스크립트 도전기
비전공자의 자바스크립트 도전기jeong seok yang
 
kotlinx.serialization
kotlinx.serializationkotlinx.serialization
kotlinx.serializationArawn Park
 
ECMA Script 5 & 6
ECMA Script 5 & 6ECMA Script 5 & 6
ECMA Script 5 & 6sewoo lee
 
Scala, Scalability
Scala, ScalabilityScala, Scalability
Scala, ScalabilityDongwook Lee
 
자바스크립트 패턴 3장
자바스크립트 패턴 3장자바스크립트 패턴 3장
자바스크립트 패턴 3장Software in Life
 
[하코사 세미나] 비전공자의 자바스크립트 도전기
[하코사 세미나] 비전공자의 자바스크립트 도전기 [하코사 세미나] 비전공자의 자바스크립트 도전기
[하코사 세미나] 비전공자의 자바스크립트 도전기 인권 김
 
Es2015 Simple Overview
Es2015 Simple OverviewEs2015 Simple Overview
Es2015 Simple OverviewKim Hunmin
 
Javascript 교육자료 pdf
Javascript 교육자료 pdfJavascript 교육자료 pdf
Javascript 교육자료 pdfHyosang Hong
 
Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)
Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)
Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)Circulus
 
#16.스프링프레임워크 & 마이바티스 (Spring Framework, MyBatis)_국비지원IT학원/실업자/재직자환급교육/자바/스프링/...
#16.스프링프레임워크 & 마이바티스 (Spring Framework, MyBatis)_국비지원IT학원/실업자/재직자환급교육/자바/스프링/...#16.스프링프레임워크 & 마이바티스 (Spring Framework, MyBatis)_국비지원IT학원/실업자/재직자환급교육/자바/스프링/...
#16.스프링프레임워크 & 마이바티스 (Spring Framework, MyBatis)_국비지원IT학원/실업자/재직자환급교육/자바/스프링/...탑크리에듀(구로디지털단지역3번출구 2분거리)
 
[115] clean fe development_윤지수
[115] clean fe development_윤지수[115] clean fe development_윤지수
[115] clean fe development_윤지수NAVER D2
 
Clean Front-End Development
Clean Front-End DevelopmentClean Front-End Development
Clean Front-End Development지수 윤
 
ReactJS | 서버와 클라이어트에서 동시에 사용하는
ReactJS | 서버와 클라이어트에서 동시에 사용하는ReactJS | 서버와 클라이어트에서 동시에 사용하는
ReactJS | 서버와 클라이어트에서 동시에 사용하는Taegon Kim
 

Ähnlich wie Abc (20)

파이썬+Json+이해하기 20160301
파이썬+Json+이해하기 20160301파이썬+Json+이해하기 20160301
파이썬+Json+이해하기 20160301
 
Ajax 기술문서 - 김연수
Ajax 기술문서 - 김연수Ajax 기술문서 - 김연수
Ajax 기술문서 - 김연수
 
Javascript 완벽 가이드 정리
Javascript 완벽 가이드 정리Javascript 완벽 가이드 정리
Javascript 완벽 가이드 정리
 
비전공자의 자바스크립트 도전기
비전공자의 자바스크립트 도전기비전공자의 자바스크립트 도전기
비전공자의 자바스크립트 도전기
 
kotlinx.serialization
kotlinx.serializationkotlinx.serialization
kotlinx.serialization
 
ECMA Script 5 & 6
ECMA Script 5 & 6ECMA Script 5 & 6
ECMA Script 5 & 6
 
Scala, Scalability
Scala, ScalabilityScala, Scalability
Scala, Scalability
 
Scalability
ScalabilityScalability
Scalability
 
자바스크립트 패턴 3장
자바스크립트 패턴 3장자바스크립트 패턴 3장
자바스크립트 패턴 3장
 
[하코사 세미나] 비전공자의 자바스크립트 도전기
[하코사 세미나] 비전공자의 자바스크립트 도전기 [하코사 세미나] 비전공자의 자바스크립트 도전기
[하코사 세미나] 비전공자의 자바스크립트 도전기
 
Es2015 Simple Overview
Es2015 Simple OverviewEs2015 Simple Overview
Es2015 Simple Overview
 
Javascript
JavascriptJavascript
Javascript
 
Javascript 교육자료 pdf
Javascript 교육자료 pdfJavascript 교육자료 pdf
Javascript 교육자료 pdf
 
Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)
Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)
Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)
 
#16.스프링프레임워크 & 마이바티스 (Spring Framework, MyBatis)_국비지원IT학원/실업자/재직자환급교육/자바/스프링/...
#16.스프링프레임워크 & 마이바티스 (Spring Framework, MyBatis)_국비지원IT학원/실업자/재직자환급교육/자바/스프링/...#16.스프링프레임워크 & 마이바티스 (Spring Framework, MyBatis)_국비지원IT학원/실업자/재직자환급교육/자바/스프링/...
#16.스프링프레임워크 & 마이바티스 (Spring Framework, MyBatis)_국비지원IT학원/실업자/재직자환급교육/자바/스프링/...
 
[115] clean fe development_윤지수
[115] clean fe development_윤지수[115] clean fe development_윤지수
[115] clean fe development_윤지수
 
Clean Front-End Development
Clean Front-End DevelopmentClean Front-End Development
Clean Front-End Development
 
javascript01
javascript01javascript01
javascript01
 
ReactJS | 서버와 클라이어트에서 동시에 사용하는
ReactJS | 서버와 클라이어트에서 동시에 사용하는ReactJS | 서버와 클라이어트에서 동시에 사용하는
ReactJS | 서버와 클라이어트에서 동시에 사용하는
 
Javascript
JavascriptJavascript
Javascript
 

Abc