Web/JavaScript
-
[JavaScript] Document 자주 사용하는 메소드 정리Web/JavaScript 2019. 7. 31. 11:50
Document 자주 사용하는 메소드 정리 1. Node - 추상객체(XML문서를 구성하는 모든 요소들의 부모!!) - 메소드) ◈노드의 정보를 얻거나 정하는 메소드 XML문서를 구성하는 요소: 12개 분류 nodeType(1~12) nodeName - 태그명, 속성명 nodeValue - 텍스트내용, 속성값, 주석값 ◈조작메소드 - 추가, 삭제, 수정 appendChild, insertBefore, removeChild, replaceChild 사용형식) 부모노드.appendChild(자식노드); ◈관계메소드 - 부모, 자식, 형제 parent child sibling Element ele = new Element(); Node n = new Element(); Element Node Attribute..
-
[Ajax] eval() 함수, Json.parse()사용법 (JSON으로 변환하는 함수)Web/JavaScript 2019. 7. 29. 18:00
String을 JSON으로 변환하는 방법 Json은 보통 String으로 받아오게 된다. String으로 받아온 데이터를 Json으로 변환하는 데에는 두가지 방법이 있다. var str = xhr.responseText; //str자료형: String ==>"{name:'siri'}" //첫번째 - str을 감싸는 () 이 괄호는 꼭 써줘야 한다. 그냥 문법이다. var siri = eval("("+str+")"); //두번째 var siri=JSON.parse(str); //사용하려면 var h= siri.name + siri.age... 두가지 방법중 좋은 것은 JSON.parse( 데이터 ); 이다.
-
[JavaScript] Ajax란? 비동기서버통신Web/JavaScript 2019. 7. 26. 19:52
JavaScript는 Ecma라는 표준을 따르고 있다. - HTML 문서 조작 - 유효성 검사 - function은 1급객체 Ajax (Asynchronous JavaScript and XML) - 서버데이터를 가져와서 문서 조작에 사용하는 것을 말한다. - 다른 페이지를 참조하는 것 - html과 자바의 통신을 담당하는 것 - XMLHttpRequest라는 객체로 서버에 필요한 데이터 요청 가능 - Text, Xml, HTML - 비동기 서버통신이다. - 핵심코드 동기 - 요청이 들어오면 순차적으로 실행 비동기 - 요청을 기다리지 않고 실행하는것 open함수- 요청의 초기화. GET/POST선택 send함수- post 웹서버 요청처리 (요청 응답시 시간이 지연된다) onreadystatechange -..
-
[JAVASCRIPT] select태그 값 변경하기Web/JavaScript 2019. 7. 17. 13:15
javascript 생년월일 문자 자르기 주민번호 입력 후 onblur(포커스 벗어나기)된다면, 생년월일에 자동으로 값이 들어가는 예제. 생년월일의 년은 input태그, 월, 일은 select 태그이다. select태그안의 option태그안에는 value라는 속성이 있다. document.frm.month.value = '11'; 위처럼 적으면 month의 네임을 가진 태그의 value가 11로 설정된다. 만약 month값중 18을 입력한다면 select태그 option에 없는 값이므로 공백이 선택된다.(에러가 나진않는다) 태그에 id값을 줬다면 document.getElementById....로 해도 된다. HTML 생년월일 년
-
[Web] XML, DTD, DOMParser 란?Web/JavaScript 2019. 6. 27. 13:23
XML(eXensible Markup Language)은 1996년에 생겼다. xml은 서버 설정을 하는 용도이고 데이터를 담는 문서이다. html은 정해진 태그만 사용할 수 있는 반면 XML은 customTag 사용이 가능하다. 1. 기존내용에 추가적인 정보를 표시하는 용도 2. 스타일은 지정해서 폰트의 모양을 바꾸는 용도 version을 적지 않으면 아래 태그들이 없는것과 동일하다. version encoding순서를 차례대로 정의해야 한다. 제외문자 --> , [^ 8. 속성값에 제한된 문자 ( & , ex. Schema에서는 속성 minOccur를 사용한다. minOccurs="1" maxOccurs="5" 확장자 .xsd xml문법을 사용 작성법 1. simpleType정의 - 태그내의 자료형(..
-
[javascript] 강력한 정규표현식 (pattern matching) RegExpWeb/JavaScript 2019. 6. 25. 14:45
https://regexr.com/ RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). regexr.com 참고 사이트 ! 표현식 상세 ^ 문자열 시작 $ 문자열 종료 . 문자 한개 { } 범위 ( ) 괄호 안의 문자를 하나문자로 인식 / / / 사이에 조건 입력 / a-Z 소문자 a부터 대문자 Z까지 .* 0회 이상 일치 .+ 1회 이상 일치 .? 0회 또는 1회 일치 [!@#$*] 특수문자 ㄱ-힣 한글 \w 문자 단어와일치 \s 공백 \d 숫자 var idPattern = new RegExp('^[a-zA-Z]{1}[a-zA-Z\\d]{..