본문 바로가기

전체 글45

Ajax(Asynchronous JavaScript And XML, 비동기적 자바스크립트와 XML)와 JSON AJAX란, Asynchronous Javascript And Xml - 자바스크립트의 라이브러리 중 하나 - 클라이언트가 서버와 적은 양의 데이터를 교환하여 비동기적으로 웹페이지를 업데이트하는 기술 - 비동기적으로 업데이트한다는 것은, 곧 웹페이지를 다시 로딩하지 않고도, 페이지의 일부만을 갱신할 수 있다는 것이다. - 빠르고 동적인 웹페이지를 만드는데 유용한 기술 - 사용 예 : 구글 맵, 키워드 검색 기능 등 1) 동기식과 비동기식 Synchronized : A작업이 종료된 후 -> B 작업 시작 가능(single thread) Asynchronized : A작업과 B작업을 동시에 실행 가능(multi thread) 2) 비동기식 서버 요청과 관련된 메소드 $.ajax({ type: "POST", .. 2022. 7. 5.
jQuery와 예제 JQUERY - 자주 사용되는 자바스크립트 라이브러리 - write less, do more 라는 캐치 프레이즈 내세움 - https://jquery.com/download/ 에서 다운로드 Download the compressed, production jQuery 3.x.x 선택 후 마우스 우클릭하여 "다른이름으로 링크 저장" 후 이클립스에 복사 jQuery 버전 - 1.x버전 : 모든 구브라우저 지원 - 2.x버전 : Internet Esxplorer 6,7,8 지원X - 3.x버전 : 2014년부터 개발, 더 빠르고 풍부한 API,대부분의 최신브라우저만 지원 jQuery 사용방법 - 다운로드 받아서 사용 - 다운로드 받지 않고 사용할 경우 (Content Delivery Network 연결방식) h.. 2022. 7. 4.
자바스크립트 정규표현식으로 회원가입 폼 만들어보기 HTML,CSS는 점차 보완해나갈 예정이다. SignUp Form ID 영문자,숫자를 사용하여 5~8자리를 입력하세요. PASSWORD 영어 소문자,대문자,숫자,특수문자 모두 사용하여 6~12자리를 입력하세요. Name 한글만 가능합니다. Date of Birth Gender 선택 여성 남성 Email Phone 2022. 6. 30.
자바스크립트로 페이지 이동(location.href, location.replace()) 우리는 이전까지, html태그인 를 통해서 페이지를 이동해왔다. 자바스크립트의 Window 객체의 프로퍼티인, location을 통해서도 웹 문서의 주소를 다룰 수 있다. 가장 많이 사용되는 것은 location.href와 location.replace()인데, 다음과 같은 차이가 있다. location.href location.replace() location 객체의 프로퍼티 location 객체의 메소드 웹브라우저의 히스토리가 기억됨 웹브라우저의 히스토리 기억 안됨 뒤로가기 가능 뒤로가기(호출한 페이지로 이동) 불가 location.replace()의 경우에는 뒤로가기가 불가능하기 때문에, 보안상 뒤로가기를 해서는 안되는 경우에 사용하기 적합하다. 예제로 확인해보자. 내부 자바스크립트 호출기법 하이퍼.. 2022. 6. 30.