목록JSON (11)
hyeonga_code
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/KPv99/btszHRgPOmh/nvnYGnKkyEuizHRnqRMWc0/img.jpg)
=== 기본 환경 === 1. Spring Legacy Project 생성 - Project Name : jsonProject - Template : Spring MVC Project - Pacakge : com.basic.json 2. Java 버전 변경 - 프로젝트 우클릭 > properties > Proejct Facets 3. pom.xml 기본 설정 변경 & json-simple 라이브러리 추가 com.googlecode.json-simple json-simple 1.1.1 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bBab01/btszGQCtGC1/rCFUxlqgF0BR3jsrcW9Kt1/img.jpg)
=== 기본 환경 === 1. Spring Legacy Project 생성 - Project Name : jsonProject - Template : Spring MVC Project - Pacakge : com.basic.json 2. Java 버전 변경 - 프로젝트 우클릭 > properties > Proejct Facets 3. pom.xml 기본 설정 변경 & json-simple 라이브러리 추가 com.googlecode.json-simple json-simple 1.1.1 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cF4IJ6/btszHTZY0yq/RTXjx9Uu30UMaYnVbYtbE0/img.jpg)
=== 기본 환경 === 1. Spring Legacy Project 생성 - Project Name : jsonProject - Template : Spring MVC Project - Pacakge : com.basic.json 2. Java 버전 변경 - 프로젝트 우클릭 > properties > Proejct Facets 3. pom.xml 기본 설정 변경 & json-simple 라이브러리 추가 com.googlecode.json-simple json-simple 1.1.1 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/mBpVy/btszHS03iZ0/BfhYcm2iUmmZ0tM0vyGzm1/img.jpg)
1. Spring Legacy Project 생성 - Project Name : jsonProject - Template : Spring MVC Project - Pacakge : com.basic.json 2. Java 버전 변경 - 프로젝트 우클릭 > properties > Proejct Facets 3. pom.xml 기본 설정 변경 & json-simple 라이브러리 추가 com.googlecode.json-simple json-simple 1.1.1 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 5..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b2zLXe/btsyViHDRYL/MnQUxdWWLCOEfniDOsldX0/img.jpg)
- 응답 결과를 자바스크립트 객체로 저장하기 - XML 응답에서 값을 추출하여 객체에 저장하기 - prototype > 'member_xml.jsp' jsp 파일 생성하기 ===== 1 2 3 4 5 6 7 8 9 10 11 12 13 14 success nameValue javaline 7000001000000 - prototype > 'loadMemberFromXML.html' html 파일 생성하기 ===== 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 loadMemberFromXML.html window.load = function()..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/naTbi/btsy35GHuDw/UDsmWN3BeMHWyfCZSecvX0/img.jpg)
- JSON 표기법 응답 생성 시 주의할 점 - 작은 따옴표나 큰 따옴표와 같이 자바 스크립트에 특수 문자로 인식되는 문자를 사용할 때 알맞게 변환해야 합니다. - 줄바꿈 표시 : \n - 작은 따옴표 : \' - 큰 따옴표 : \" - 역슬래시 \\ - 개별로 처리하는 것은 번잡스러운 작업이므로 Util 클래스로 모듈을 생성합니다. - src/main/java > util 패키지를 생성합니다. - util > Util.java 클래스를 생성합니다. ===== 1 2 3 4 5 6 7 8 9 10 11 12 13 14 package util; public class Util { public static String toJS(String str) { return str.replace("\\", "\\\\"..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/sE2cP/btsy46d4GWW/MEfLzVSLZRF8h9FMD1GdVK/img.jpg)
- 자바스크립트에서 패키지 정의하기 - 다른 모듈과 이름이 겹치는 경우가 발생할 수 있으므로 패키지, 어셈블리와 같은 개념을 제공합니다. var ajax = new Object(); ajax.Request = function { // Request 클래스 정의 } ajax.Request.prototype = { // Request 클래스에 함수 추가 '함수 이름' : function() { .... } ... } - 패키지의 형태로 클래스나 함수를 호출할 수 있습니다. var req = new ajax.Request(); req.'함수 이름'(); - 패키지 중첩 정의 var ajax = new Object(); var ajax.xhr = new Object(); ajax.xhr.Request = fun..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/d4gGdr/btsyVigAA2L/qqngAU2uaoNDsYzswf5PcK/img.jpg)
- 서로 다른 프로그래밍 언어 간에 데이터를 교환하기 위한 표기법으로 읽고 쓰기 쉬운 표기법입니다. - 형태 - 이름/값 의 쌍으로 이루어진 형태 { 이름1 : 값1, 이름2 : 값2, 이름3 : 값3, ... } - '객체.이름' 이나 '객체[이름]' 형식으로 접근합니다. - 배열 [ 값0, 값1, 값2, ... ] - '객체[인덱스]' 형식으로 접근합니다. - 'https://www.json.org' 페이지에서 참조할 수 있습니다. - JSON 표기법을 사용한 클래스 정의 - 이름/값에서 이름에 함수의 이름이, 값에 함수의 정의가 위치합니다. - 함수를 개별적으로 정의하지 않고 하나의 데이터로 표시할 수 있으므로 많이 사용합니다. '클래스 이름' = function('매개 변수') { .... } '..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/eAfEgY/btsy3h8nYPO/KyJRb9cAHfFNuwoC8C62p1/img.jpg)
- Object 를 사용한 개별 객체에 프로퍼티 확장하기 - 자바스크립트는 미리 클래스를 정의하지 않은 상태에서 객체에 직접적으로 프로퍼티나 함수를 추가할 수 있는 기능을 제공합니다. var mem = new Object(); mem.id = 'idValue'; mem.name = 'nameVlaue'; mem.securityNo = '7000001000000'; - 함수를 추가할 수 있습니다. var mem = new Object(); mem.id = 'idValue'; mem.name = 'nameVlaue'; mem.toString = function() { return this.name + "[" + this.id + "]"; } alert(mem.toString()); - 별도의 클래스를 정의하..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bMUQC3/btsy4mOTMT1/iu7QDUIjePkef0Bxl5qgeK/img.jpg)
- 프로토타입을 사용한 자바스크립트 클래스 생성 - 기본적으로 제공하고 있는 클래스 외에 추가적으로 새로운 클래스를 정의할 수 있습니다. '클래스 이름' = function('매개 변수') { .... } - 객체 생성 var '변수 이름' = new '클래스 이름'( '매개 변수'); - 클래스가 제공할 함수를 정의할 때에 prototype을 사용합니다. '클래스 이름'.prototype.'함수 이름' = function('매개 변수') { .... } - 함수 호출 var '변수 이름' = new '클래스 이름'( '매개 변수'); '변수 이름'.'함수 이름'('매개 변수'); - 리턴값이 있는 경우 변수에 담아 사용할 수 있습니다. - 새로운 Dynamic Web Project를 생성합니다. - w..