09. 27

• 오늘한 일
  • 알고리즘 resursion 강의 2강 시청.

09. 28

• 오늘한 일
  • 인프런 - 파이어베이스를 이용한 웹 메모 어플리케이션 만들기 구독

09. 29

• 오늘한 일
  • 인프런 - 파이어베이스를 이용한 웹 메모 어플리케이션 만들기 구독
    • 메모앱 구현 (https://memowebapp-e13d5.firebaseapp.com/)
  • 인프런 - AJAX, JSON 강좌 구독
    • AJAX = Asynchronous JavaScript ans XML.
    • AJAX 구동 원리
      • 브라우저
        • 사용자가 어떤 행위(이벤트)를 하게되면(버튼을 누르거나, 입력을 하거나 등등..) XMLHttpRequest 객체가 생성되고 HttpRequest를 Send함.
      • 서버
        • HTTPRequest를 받아서 처리하고 response 객체를 만들어 브라우저에게 데이터를 돌려준다.
      • 브라우저
        • 서버에서 받은 데이터를 자바스크립트를 이용해서 처리한다.
        • 웹페이지의 특정부분에 그 내용을 반영한다.
    • AJAX는 인터넷 표준 기술이다.
    • 요즘은 XML을 걷어내고 JSON을 사용한다.
    • AJAX 앱은 어떤 브라우져나 플렛폼에서 사용가능하다(독립적이다).
    • variable = new XMLHttpRequest();
      • xmlhttp.open(“GET”, “ajax_info.txt”, true); -> open(method, url, async)
        • async : 비동기로 할건지 안할건지. true면 비동기로 하겠다.
      • xmlhttp.send();
        • 서버단으로 만들어진 요청을 보낸다.
    • Server Response
      • responseText = XML이 아니면 이걸로 받음.
      • responseXML = XML 포맷일때 이걸로 받음.
    • AJAX Events
      • The onreadystatechange event
        • readyState property가 변화하면 발생하는 이벤트.
        • readyState
          • 0: request가 초기화되지 않앗을때
          • 1: 서버연결 초기화