본문 바로가기

Web/Javascript

DOM API 정의 출처 | http://blog.naver.com/tnsgus239/220512860363 ■ DOM (Document Object Model)- HTML과 XML 문서의 data를 효과적으로 다루기 위한 API- 문서의 논리적 구조와 문서가 접근되고 다루어지는 방법 정의- 객체(Object)로 모델링, 트리(tree)구조의 논리적인 형태로 표현 ■ DOM의 장점- 문법으로부터 내용을 추천- 내부 문서 조작의 단순화- 전형적인 계층적 또는 관계형 DATABASE 구조와 유사 ■ XML 문서에서의 DOM 해석 ■ Node Object ■ insertBefore(newChild, refChild)- newChild: 문서의 계통도에 삽입될 새로운 element를 지정 createElement 메소드에 의하여 .. 더보기
JSON & XML 정의 출처 | http://blog.naver.com/tnsgus239/220512861618 ■ JSON (JavaScript Object Notation)- 자바스크립트를 객체 형식으로 표현하는 것- GET 방식 전송- XML 과 JSON을 같이 사용하는 것이 좋음 ■ 표기법- JSON 데이터는 Key/Value (name/value) 형식으로 구성 : "키" : "값": 키는 반드시 문자열 ■ 사용예제 ■ 포맷- JSON 포맷 - XML 포맷 ■ JSON & XML 장단점 ■ Java에서 JSON 생성과 파싱※ 웹에서는 라이브러리가 기본적으로 있음- 라이브러리 : Json-lib (http://json-lib.sourceforge.net/) : org.json.simple(http://www.json.o.. 더보기
[JavaScript] 문자 인코딩 함수(UTF-8) : escape(), encodeURI(), encodeURIComponent() 전용뷰어 보기 [JavaScript] 문자 인코딩 함수 : escape() encodeURI() encodeURIComponent() escape(string) : ASCII(아스키) 문자를 유니코드 형식으로 변환 1바이트는 %XX 2바이트는 %uXXXX형태로 변환 unescape(string) : 유니코드문자를 디코딩 encodeURI(string) : 주어진 문자열을 URI로 특수문자( : ; / = ? & 등의 특수문자) 제외 encoding 한다. decodeURI(string) : 주어진 문자열에서 encoding 된 URI를 decoding 한다. encodeURIComponent(string) : 주어진 문자열을 URI로 모든 문자( : ; / = ? & 등의 특수문자)를 encoding 한.. 더보기
[JavaScript] 유니코드 or 아스키코드 문자나 숫자로 변환하기. (코드값 전환) 자바스크립트에서 ,, input으로 값을 입력받고 미리보기 기능을 사용할 때나 혹은 keydown / keyup / keypress 등을 사용할 때 혹은 정규식을 변환하는 과정 등에서문자나 숫자를 다루는 때에 키값이 아스키코드나 유니코드로 출력되는 순간이 있다. 이럴때 당황하던 순간들이 있었겠지만 이제부터 우리는 당황하지말고 두뇌속에 해결법을 쑥쑥 박아두며 코드를 외우는 그리고 응용을 하는 공부를 해보도록 하자. 다음은 문자열이나 숫자를 아스키코드로 변환하는 방법이다. 값.charCodeAt(0) == 문자열 코드를 아스키코드로 표현. 아스키코드를 문자열로 바꿀 수 있다면 문자열을 아스키코드로 바꾸는 것도 물론 가능하다. String.fromCharCode(값) == 유니코드 또는 아스키 코드 번호를, .. 더보기
form 을 동적으로 생성해서 POST 방식으로 새 창에 전송 1.아래와 같이 form 을 동적으로 생성해서 POST 방식으로 새 창에 전송하도록 코드를 작성했다. window.open(url,name, option); var form = document.createElement("form"); form.setAttribute("method", "post"); form.setAttribute("target", name); form.setAttribute("action", url); var result = document.createElement("input"); result.setAttribute("type","hidden"); result.setAttribute("name","processingResult"); result.setAttribute("value",".. 더보기
웹,모바일 접속 기기 확인 1. var filter = "win16|win32|win64|mac"; if( navigator.platform ){ if( filter.indexOf(navigator.platform.toLowerCase()) 더보기

반응형