코밍이의 하루

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS, jQuery, Ajax 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 자바스크립트의 보안 정책 - 동일 출처 원칙(Same-originpolicy) : 자바스크립트로 A 사이트(www.aaa.com)의 데이터를 B 사이트(www.bbb.com)로 불러오는 것을 허용하지 않음. - ajax() 메소드로는 서로 다른 도메인의 데이터를 전송할 수 없을 뿐만 아니라 교차 도메인도 허용하지 않음. 2) 서로 다른 사이트에서 데이터 주고 받는 방법 ① 서버 언어 사용 - 서로 다른 사이트에서 데이터를 요청하고 이를 ajax로 가공 - 주로 관리자가 직접..

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS, jQuery, Ajax 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) XML(eXtensible Markup Language, 확장성 마크업 언어) - 확장 가능한 언어이므로 태그명을 사용자가 임의로 작성할 수 있음 - 사용자가 임의의 태그명을 만들어 사용할 수 있음 - 주로 데이터를 배포할 목적으로 사용 기본형 내용 3. 소스 코드 및 실행 결과 - jquery_ajax_3_test.html ※ 실행 URL : http://shgdx12.dothome.co.kr/jquery_ajax_3_test.html Ajax shgdx12.dothome..

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS, jQuery, Ajax 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) $.ajax() 메소드 - 사용자가 지정한 URL 경로에 파일의 데이터를 전송하고 입력한 url 경로 파일로부터 요청한 데이터를 불러옴. - 불러올 수 있는 외부 데이터 : 텍스트, HTML, XML, JSON 형식 등 - 선택한 요소에 Ajax를 이용해 요청한 외부 데이터를 불러옴 기본형 $.ajax({ ① url: "전송 페이지"(action url), ② type: "전송 방식"(get, post 방식), ③ data: "전송할 데이터", ④ dataType: "요청한..

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS, jQuery, Ajax 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) Ajax(Asynchronous JavaScript and XML) - 클라이언트(방문자 컴퓨터)가 비동기 방식으로 자바스크립트를 이용하여 화면 전환 없이 서버(서비스 제공 컴퓨터) 측에 자료(XML, HTML, JSON, 텍스트 유형 등)를 요청할 때 사용 - Ajax 관련 메소드의 종류 종류 설명 load() 외부 콘텐츠를 가져올 때 사용 $.ajax() - 데이터를 서버에 HTTP POST, GET 방식으로 전송할 수 있으며, HTML, XML, JSON, 텍스트 유형..

1. Ajax(Asynchronous JavaScript and XML)란? - 비동기 방식의 Javascript와 XML을 가리킨다. 1) 동기 방식 VS 비동기 방식 - 동기 방식 : 서버에 신호를 보냈을 때 응답이 돌아와야 다음 동작을 수행할 수 있음. - 비동기 방식 : 서버에 신호를 보냈을 때 응답 상태와 상관없이 다음 동작을 수행할 수 있음. 2. Ajax을 사용하는 이유 - 화면 전환 없이 클라이언트(사용자 컴퓨터)와 서버(서비스를 제공하는 컴퓨터) 간에 XML, JSON(JavaScript Object Notation), 텍스트, HTML 등의 정보를 교환하기 위함. - 사용자가 서버에 자료를 요청할 때 화면 전환 없이 요청한 자료를 전송받을 수 있음. - 페이스북의 댓글 기능과 구글 지도..

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS, jQuery 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 애니메이션 효과 제어 메소드 - '효과' 또는 '애니메이션'이 적용된 요소의 동작을 제어하는 메소드 2) 애니메이션 적용 원리와 큐의 개념 - 애니메이션 메소드는 함수가 적용된 순서대로 큐라는 저장소에 저장 - 큐에 저장된 애니메이션 대기실이 있다면 먼저 들어간 애니메이션이 먼저 실행(FIFO) ※FIFO(First In First Out) : 먼저 들어간 데이터가 먼저 처리 - 애니메이션 효과 제어 메소드 종류 종류 설명 stop() 현재 실행 중인 효과를 모두 정지 delay() ..