AI교육과정 - JavaScript.8

단비·2022년 11월 15일
0

AI교육과정

목록 보기
31/69
  • 프로미스(Promise)
    • 자바스크립트 비동기 처리에 사용되는 객체

    • 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용

      프로미스를 리턴받은 객체.then(정상적으로 프로미스 객체가 리턴되었다면 필요한 일을 수행할 부분)
      .catch(에러객체가 리턴되었다면 에러를 처리할 부분)
      .finally(최종적으로 처리할 일을 수행할 부분)
  • async / await
    • callback, Promise 비동기처리를 좀 더 쉽게 처리할 수 있도록 사용됨
    • ES7(2017)에 추가된 문법
      1. 비동기 처리될 전체 함수 앞에 async를 붙여줌

        async function 함수명(){
        		...
        }
      2. 결과를 리턴 받는 함수 앞에 await을 붙여줌

        async function 함수명(){
        		변수명 = await 함수명();	
        		...
        }

  • JSON(JavaScript Object Notation)
    • 데이터를 저장하거나 전송할 때 사용되는 경량의 DATA 교환 형식
    • 사람과 기계 모두 이해하기 쉬우며 용량이 작아서 XML을 대체하여 데이터 전송 등에 많이 사용
    • 데이터 포맷일 뿐, 통신 방법도 프로그래밍 문법도 아님
  • JSON의 특징
    • 서버와 클라이언트 간의 교류에서 일반적으로 많이 사용

    • 자바스크립트를 이용하여 JSON 형식의 문서를 자바스크립트 객체로 변환하기 쉬움

    • 자바스크립트 문법과 굉장히 유사하지만 텍스트 형식일 뿐임

    • 특정 언어에 종속되지 않으며 대부분 프로그래밍 언어에서 JSON 포멧의 데이터를 핸들링 할 수 있는 라이브러리를 제공

      {
      	"name":"루시",
      	"age":13,
      	"family":"포메",
      	"weight":3.5
      }

      😣 JSON은 이름과 값으로 구성된 프로퍼티의 정렬되지 않은 집합, 자바스크립트 객체와 다른점은 메소드 프로퍼티가 없음

  • JSON의 구조
    • 이름과 값의 쌍으로 이루어짐

    • 데이터는 쉼표로 구분하여 나열

    • {} 중괄호로 둘러싸여 표현

    • 배열은 [] 대괄호로 둘러싸여 표현

      {"dogAcat":[
      		{"name":"루시",	"age":13,	"family":"포메", "weight":3.5},
      		{"name":"버들",	"age":16,	"family":"치와와", "weight":5},
      		{"name":"소풍",	"age":3,	"family":"코숏", "weight":3}
      ]}
  • JSON의 타입
    • 숫자(number)
    • 문자열(string)
    • 불리언(boolean)
    • 객체(object)
    • 배열(array)
    • null
  • stringify(object): JSON
    • 객체를 문자열로 변환(직렬화, Serializing)
  • parse(JSON): object
    • 문자열 데이터를 자바스크립트 객체로 변환(역직렬화, Deserializing)
profile
tistory로 이전! https://sweet-rain-kim.tistory.com/

0개의 댓글