예전에 자바스크립트를 책으로 공부를 하다 뒤쪽에 ajax에 관해 설명을 해주면서 POSTMAN을 사용했던기억이 있다. POSTMAN은 웹 공부를 했던 분들이라면한 번쯤 들어봤을거라 생각한다. 일단 POSTMAN에 대해 간단하게 소개해보자면REST API 나 URL요청 또는 http 프로토콜 등을쉽게 테스트 할 수 있도록 만들어진 도구이다. ajax에 대해 공부할 때 get,post 방식을 쉽게 테스트 해볼수 있다. 개발자 분들 중 에서도 POSTMAN으로 API연동이나다른 여러 가지의 테스트를 할 때 사용한다는 분들도 있다 먼저 아래 링크로 가서 POSTMAN을 설치하자. https://www.getpostman.com/ 각자 OS 에 맞게 설치후 POSTMAN을 실행시켜보자. 아래는 POSTMAN의 첫..
ajax에서 JSON.parse()와 JSON.stringify()을 사용해보자. JSON.parse() 는 String 객체를 json객체로 변환 시키고JSON.stringify() 는 json객체를 String 객체로 변환 시킨다. 위의 두 메소드알아 보기 위해 내 프로젝트에서 사용했던 부분들을 캡처 했다. JSON.stringify는 ajax의 data 설정에 사용했고parse()는 success에서 사용했다.ajax는 jsp파일의 스크립트단 안에 만들어줬다. 먼저 param 값과 JSON.stringify(param) , JSON.parse(data) 의 데이터를 확인해보기 위해 콘솔로그를 찍어 보았다. 일단 위 param 값을 잘 모른다면 이전 포스팅을 한번 읽어보자. 이전 포스팅 : (http..
컨트롤러에서 Json String 형태의 데이터를 Map형태로형태변환 시켜줄수 있는 JsonUtil의 JsonToMap에 대해 알아보자. 먼저 JsonUtil 은 하나의 java파일로 되어있는JSON을 이용하여 개발할 때 이용할 수 있는유틸리티 클래스이다. 그 클래스안의 JsonToMap은 아래와 같다. 먼저 내 프로젝트에서 JsonToMap을 사용했던 부분을캡쳐했다. 이 부분은 게시판 글의 좋아요 기능의 컨트롤러이다.param에는 hno와 status가 들어있다.hno와 status 는 jsp에서 ajax로 컨트롤러로 보내진 값들이다. 컨트롤러에서 JsonToMap을 사용하기 이전과 이후로 나눠서 sysout을 찍어 봤다. sysout을 찍어본 결과 아래와 같이 출력되는데 JsonString 형태의 데..
json형태의 데이터를 주고 받는 경우가자주 있을수 있다xml이나 json등의 형식으로 주고받은 경우가빈번하게 생기고 있기 때문이다. 때문에 스프링 MVC도 클라이언트에서전송한 xml 데이터나 json 데이터를 컨트롤러에서DOM객체나 자바 객체러 변환해서 송,수신 받을수 있다. @RequestBody 어노테이션과 @ResponseBody 는각각 HTTP요청 몸체를 자바 객체로 변환하고자바 객체를 HTTP 응답 몸체로 변환하는데 사용된다 @RequestBody-HTTP 요청 몸체를 자바 객체로 전달받음-HTTP 요청의 body내용을 자바 객체로 매핑 @ResponseBody-자바 객체를 HTTP 응답 몸체로 전송-자바 객체를 HTTP 요청의 body 내용으로 매핑 ex1)123456@RequestMappi..
웹 개발을 하다. JSON.stringify, JSON.parse에 대해서 한 번 쯤 보거나 들어봤을 것이다이것은 개발에 있어 굉자히 중요하고사용할줄 알아야한다. JSON.Stringify 와 JSON.parse 는 자바스크립트의메소드이다. 먼저 간단하게 무슨역할의 메소드인지 보자. JSON.parse- String 객체를 json객체로 형변환 시켜준다 JSON.stringify- json객체를 String객체로 형변환 시켜준다 이제 간단하게 사용법에 대해 알아보겠다 ex1)12345678910111213var data ={ Name : "Hong" ,Age : "26"} var Person = JSON.stringify(data);var Person2 = JSON.parse(person); //outp..
이번 포스팅에선 저장기능과 다른 몇가지를수정 후 마무리하겠다. 일단 아래 소스를 jsp 스크립트단에 추가하자 1234567891011121314var CommonJsUtil = { isNumeric : function(val) { if (/[^0-9]/.test(val)) { return false; } else { return true; } }}cs 조건문 안에는 정규식이다 ^는 부정의 의미이다.즉 숫자가 없으면 이라는 의미이다. 1234567891011121314151617181920212223242526gridValid : function() { var trObj = $("#jqGrid").find("tr"); for(var i = 0; i
이번 포스팅에선 저번 포스팅에 이어 그리드에 행추가 기능과 삭제 기능을 달아보자. 먼저 탭을 만들어주자 12345 조회 행추가 저장 초기화 삭제cs 위치는 알아서 찾아서 넣자. onclick 함수에 의해 스크립트 함수를 실행한다. 다음 addRow를 만들자 totCnt는 그리드 안의 총 카운트를 세주는데getGridParam 함수를 사용한다. getGridParam은 리턴타입이 int이고 getter 메소드만 제공한다.서버에 요청하여 리턴받은 실제 레코드 수 이므로 사용자가임의로 설정할 수 없다. addRowData는 행추가를 할때 totCnt에 10을더한 행에 새로 추가된다. setColProp는 속성을 설정해주는데 name값을 편집 가능하게 설정한것이다. 그리고 위 부분을 jsp 파일의도큐먼트 레디 ..
