개발 흔적 남기기

AJAX를 통해 비동기로 통신하면서 JSON형태로 데이터를 파싱하는 방법을 알아보겠다.

먼저 JSON 파싱을 위해 JSON-LIB을 MAVEN 등록을 해준다.

pom.xml

<!-- https://mvnrepository.com/artifact/net.sf.json-lib/json-lib -->
<dependency>
  <groupId>net.sf.json-lib</groupId>
  <artifactId>json-lib</artifactId>
  <version>2.4</version>
  <classifier>jdk15</classifier>
</dependency>

classifier부분이 없으면 에러가 난다.

maven 추가를 하고 간단한 UI를 위한 jsp를 구성한다.

index.jsp

<table>
  <colgroup>
  <col width="">
  <col width="">
  </colgroup>
  <tr>
    <th>일간</th>
    <td><input type="text" value="" id="day"/> <small>(숫자만 입력하세요)</small></td>
  </tr>
  <tr>
    <th>주간</th>
    <td><input type="text" value="" id="week"/> <small>(숫자만 입력하세요)</small></td>
  </tr>
  <tr>
    <th>월간</th>
    <td><input type="text" value="" id="month"/> <small>(숫자만 입력하세요)</small></td>
  </tr>
  <tr>
    <th>연간</th>
    <td><input type="text" value="" id="year"/> <small>(숫자만 입력하세요)</small></td>
  </tr>
</table>
<button id="save">저장</button>

저장 버튼을 눌렀을때 동작시킬 스크립트

index.js

//저장
$("#save").click(function(){
  if(confirm("입력하신 데이터를 저장하시겠습니까?")){
    var day = $("#day").val();
    var week = $("#week").val();
    var month = $("#month").val();
    var year = $("#year").val();

    var keyValue = "REPORT";
    var params = [{key : keyValue, keydetail1 : "DAY", value : day},
                {key : keyValue, keydetail1 : "WEEK", value : week},
                {key : keyValue, keydetail1 : "MONTH", value : month},
                {key : keyValue, keydetail1 : "YEAR", value : year}];

    $.ajax({
      url: "/reportSave.do",
      contentType: "application/json; charset=utf-8",
      type: "POST",
      data: JSON.stringify(params),
      dataType: "JSON",
      success: function(args){
        var r = args.res;
        if(r > 0){
        	alert("정상적으로 등록되었습니다.");
        }else{
        	alert("등록하는데 실패하였습니다.");
        }
      },
      error: function(args){
        alert("오류가 발생하였습니다.");
        location.reload();
      }
    });
  }
});

스크립트에서 중요하게 봐야할 부분은 ajax 넘기는부분에서 contentType을 지정해주는것이다.

값을 지정해주지 않으면 기본값으로 처리되어 JSON을 넘기더라도 정상적으로 JAVA단에서 처리할수 없다.

"application/json"을 해주고 언어의 인코딩까지 맞춰준다.

이후에 data부분에서는 JSON.stringify 메소드를 통해 배열 Object값을 JSON화 시켜준다.

이제 전달받을 컨트롤러 부분을 구성해보자.

Controller.java

@RequestMapping(value="reportSave.do", method=RequestMethod.POST)
public @ResponseBody Map<String, Object> reportSave (final HttpServletRequest request, 
final HttpServletResponse response, @RequestBody String requestData) throws Exception {
  Map<String, Object> res = new HashMap<String, Object>();

  int resValue = 0;
  List<Map<String,Object>> resultMap = JSONArray.fromObject(requestData); // JSON형태로 날라온 데이터를 파싱하여 update진행
  for(Map<String, Object> map : resultMap) {
  	resValue += userService.updateThresholdSetting(map);
  }

  res.put("res", resValue);
  return res;
}

for문 내부에서 update문을 돌리는 서비스를 구성하였는데

해당 부분에서 원하는 형태로 변경해서 사용하면 될 것이다.

ajax에서 넘기는 데이터는 @RequestBody 어노테이션을 활용하여 reqeustData라는 파라미터값으로 처리하였다.

해당값을 이번에 추가한 라이브러리 net.sf.json.JSONArray를 활용하여 List Map에 파싱을 해준다.

import net.sf.json.JSONArray; 라이브러리 사용

아주 오래전에 개발된 웹페이지를 맡게되어서 개발중인데, 취약점으로 엄청난 지적들이 나오고 있어서 고통을 받고 있다...

mybatis $문제도 문제지만 jsp에서 ${}로 데이터를 받은부분에서 XSS악성스크립트로 replace 문자열 치환을 해달라는 요청이 있어서 바꾸고 있는중인데 jstl에서 replcae사용법에 대해 알아보겠다.

먼저 fn 태그스크립트를 추가해준다.

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

기존)

<c:forEach items="${list}" var="list" varStatus="i">
<tr>
	<td>${list.no}</td>
</tr>
</c:forEach>

replace 처리)

<c:forEach items="${list}" var="list" varStatus="i">
<tr>
	<td>${fn:replace(fn:replace(list.no, '&lt;', ''), '&gt;', '')}</td>
</tr>
</c:forEach>

td태그 사이의 값을 보면 된다.

먼저 "<" 특수문자를 공백으로 치환후 한번더 replace하면서 ">"로 변경처리 해준다.

${fn:replace(대상, '대상 문자열', '변경할 문자열')}

fomatter와 같은 태그로 묶어서 날짜표현을 하던 데이터의 경우

기존)

<fmt:formatDate var="sDt" pattern="yyyy-MM-dd" value="${list.startDate}" />

replace 처리)

<fmt:formatDate var="sDt" pattern="yyyy-MM-dd" value="${list.startDt}" />

${fn:replace(fn:replace(sDt, '&lt;', ''), '&gt;', '')}

var에 먼저 패턴에 따른 형변환을 처리한 후 변수값을 이용하여 replace를 해주면 적용이 가능하다.

자바 프로그램이 동작할 때 최초 한번만 메모리를 할당하고 할당된 메모리에서만 사용하는 방식을 말한다.

즉, 고정된 메모리영역을 사용하여 메모리 낭비를 줄이고 공통된 객체를 사용할 때 매번 객체를 새로 생성하지 않는 방식을 말한다.

​

자바에서 객체를 새로 생성할때 new 연산자를 통하여 매번 메모리에 새로 할당을 하는데, 싱글톤 패턴은 기본 생성자 자체를

private으로 생성하여 new 연산자를 통해 생성하지 못하도록 제약을 둔다.

​

그럼 생성자를 통해 객체를 생성을 못하는데 어떻게 객체를 생성하고 가져올까?

이때 자바의 setter, getter의 느낌인 getIntance() 메소드를 통하여 객체를 반환시킨다.

예제를 보겠다.

SingleTon.java

public class SingleTon {
	//전역 객체변수로 사용하기 위해 static 객체변수로 생성
	static SingleTon instance;
	
	//생성자를 priavte로 만들어 접근을 막는다
	private SingleTon(){}
	
	//getInstance 메소드를 통해 한번만 생성된 객체를 가져온다.
	public static SingleTon getInstance(){
		if(instance == null){ //최초 한번만 new 연산자를 통하여 메모리에 할당한다.
			instance = new SingleTon();
		}		
		return instance;
	}
}

SingleTonMain.java

public class SingleTonMain {

	public static void main(String[] args) {
		SingleTon st = SingleTon.getInstance();
		System.out.println(st);
	}
}

예제와 같이 SingleTon class에서 생성자를 private로 생성하여 new 연산자로 생성을 방지하고, 객체 변수인 instance를 통하여

최초 null인 경우에만 new SingleTon(); 으로 메모리에 한번 할당시킨다.

​

main문을 확인해보면 일반적으로 객체를 사용하던 SingleTon st = new SingleTon(); new 연산자 방식이 아닌

getInstance() 메소드를 통해 할당하고 있는것을 볼 수 있다.

​

​

이렇게 적어놓은 개념이 이해가 안될 수 있을 것 같다.

그럼 일반적인 new 연산자를 통한 객체 선언과 getInstance() 메소드를 통한 싱글톤 패턴의 차이를 보겠다.

​

NormalClass.java

public class NormalClass {
	public NormalClass(){		
	}
}

SingleTonMain.java

public class SingleTonMain {

	public static void main(String[] args) {
		//싱글톤 getInstance() 메소드를 통한 객체 사용
		SingleTon st1 = SingleTon.getInstance();
		SingleTon st2 = SingleTon.getInstance();
		SingleTon st3 = SingleTon.getInstance();
		
		System.out.println(st1);
		System.out.println(st2);
		System.out.println(st3);
		
		//일반적인 new 연산자를 통한 객체 사용
		NormalClass nc1 = new NormalClass();
		NormalClass nc2 = new NormalClass();
		NormalClass nc3 = new NormalClass();
		
		System.out.println(nc1);
		System.out.println(nc2);
		System.out.println(nc3);
	}
}

기존에 생성해놓은 SingleTon 객체를 3번 선언한것과 새로 만든 NormalClass 객체를 3번 생성한것을 비교한 소스이다.

sysout을 통해 주소값을 확인해보면 확연한 차이를 알 수 있다.

싱글톤 방식은 3번이나 생성한 것 같아보이지만 getInstance() 메소드에 의해 한번만 할당된 객체의 주소값을 참조하는걸 알 수 있다.

반면 new연산자는 객체를 생성할때 마다 메모리에 새로 만들기 때문에 3개 모두 다른 메모리값으로 처리된 걸 볼 수 있다.