마농의 개발 일지

1. Ajax 통신(XMLHTTPRequest 통신) 이 기술은 웹에 데이터를 갱신할 때, 브라우저 새로고침 없이 서버로부터 데이터를 받는 것이 좋겠다는 생각에서 출발했다. 더 좋은 UX를 제공할 수 있는 기술이다. 누르지도 않은 탭의 콘텐츠까지 초기 로딩 시점에 모두 불러온다면 초기 로딩 속도에 영향을 줄 것이다. 따라서 동적으로 필요한 시점에 콘텐츠를 받아와 표현하면 더 좋다. 이 경우가 Ajax 기술 및 지난 번 포스팅에서 다룬 콜백함수를 활용할 수 있는 대표적인 경우다. 2. JSON - 클라이언트와 서버가 데이터를 주고 받는 표준적 포맷 - JSON(JavaScript Object Notation) 포맷 3. Ajax 실행코드 - Ajax 실행코드는 아래와 같다. 아래 방법은 XMLHTTPReq..

1. window 객체 1) 브라우저의 window 전역객체 2) window에는 많은 메서드들이 존재하며, 아래처럼 사용할 수 있다. window.setTimeout(); setTimeout(); // window는 디폴트 개념이라 생략이 가능하다. 2. setTimeout의 활용 1) setTimeout은 콜백함수다. 2) 콜백함수: 함수를 인자로 받으며, 보통 나중에 실행되는 함수 (※ 참고: 자바스크립트는 함수를 인자로 받을 수 있고 반활할 수도 있다.) function run(){ setTimeout(function(){ var msg = "hello code"; console.log(msg); // 이 함수(메시지)는 즉시 실행되지 않고, }, 1000); // 1초(1000밀리세컨드) 뒤에 ..