코밍이의 하루

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS, jQuery, Ajax, xml, php 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 서버 언어(PHP)로 교차 도메인 데이터(XML) 불러오기 ① PHP 언어 - 서버가 서로 통신할 수 있는 cURL(Client URL Library Functions) 메소드 지원 - cURL 메소드를 통해 교차 도메인 데이터(XML)를 불러올 수 있음. ② PHP 선언문과 변수 선언문의 기본형 기본형 ① PHP 선언문 ② 변수 선언문 ③ cURL 메소드의 기본형 기본형 ① curl_init(): cURL을 사용하기 위해 초기화하는 메소드로 cURL 세션..

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 등의 정보를 교환하기 위함. - 사용자가 서버에 자료를 요청할 때 화면 전환 없이 요청한 자료를 전송받을 수 있음. - 페이스북의 댓글 기능과 구글 지도..