Carry On Progamming Carry On Progamming

위의 click 함수를 쓰면 동적으로 생성된 html 태그들이 있을 경우 이벤트가 발생되지 않았다. 123456$('#type').click(function(){ $('#hour').html("18"); }); Colored by Color Scriptercs 조금 찾아보니 간단하게 해결할 수 있었다. 아래처럼. 123456 $('#type').on('click', function(){ $('#hour').html("18"); });Colored by Color Scriptercs 또는 1234 $(document).on("click", "#type", function(){ $('#hour').html("18"); });Colored by Color Scriptercs 이렇게 하면 동적으로 생성된 태그들..

실무에서 처음으로 @Transitional을 써봤다. MariaDB에서 프로시저를 사용하라는 팀장님의 오더에 체크하는 로직을 프로시저에 넣어 구현했다. for문을 돌면서 데이터를 insert하고 check하기 때문에 for문 중간에서 에러가 나면 전체 rollback이 필요했다. @Transitional에서 RuntimeException이 나면 전체 rollback이 진행된다. 근데 생각해보니 Exception이 나면 아예 실행이 멈추니 에러가 발생했는데 어디서 에러가 났는지 사용자에게 alert를 띄워줄 방법이 없었다. 내가 구상한 프로세스는 각각의 에러마다 번호를 부여해 그 번호를 return하면 alert로 사용자에게 에러를 알려주려고 했다. 구글링의 결과를 참고해 구현했다. 방법은 Service단..

데이터를 받아올 때 이 값이 있는지 없는지만 체크하면 되어서 ajax 결과가 데이터가 null인지 아닌지만 체크해주면 되었다. 123456789101112131415161718192021222324252627function checkHoliday(data){ var checkFlag = true; //체크항목 플래그 var params = {};params.empName = $('#empName').val();params.compName = $('#compName').val(); $.ajax({ type: "POST", url: "", dataType: 'json', data: params, success: function(result){ if(result != null){ // do something ..

개발을 하는데, 논리적으로는 분명히 맞는데, 왜 안될까 안될까 하다가 얕은 복사와 깊은 복사라는 개념이 있다는 것을 주임님에게 들어 알게 되었다. 개발 중에 두 배열이 있었는데, 한 배열은 그 객체 값이 변하면 참조되는 객체 값 또한 변했는데, 다른 배열은 그 객체 값이 변했음에도 참조되는 객체 값은 변하지 않아서 '하나는 참조 값이 바뀌는데 왜 다른 하나는 안 바뀌지'라고 계에에에에속 고민했다. 왜냐면 얕은 복사, 깊은 복사의 개념을 몰랐으니까. 그래서 정리! 얕은 복사 & 깊은 복사 1. 얕은 복사란? 얕은 복사는 배열을 복사하지만 복사한 객체가 바뀌면 참조되고 있는 배열 또한 변한다. 안고 있는(?) 객체가 안겨있는(?) 객체의 값에 영향을 준다는 의미이다. 12345678var firstValue..

회사 패키지를 보다 발견한 javaScript에서 json객체를 key값으로 value를 뽑아내는 소스를 보았다. 이런 방법이 있다면 나중에 개발할 때 도움이 될 것 같아서 정리해두기. 1234567var param = {};param.menuName = 'coffee';param.price = 3500;param.customer = 'zorba'; cs 위처럼 json객체를 만들어보았다. 이런 식으로 json객체를 형태를 띌 것이다. param = { "menuName" : 'coffee', "price" : 3500, "customer" : 'zorba'} 개발할 때 서버단에서 json형태로 많이 넘어오기 때문에 데이터에 조작을 하려한다면, key값으로 value를 뽑아내는 게 도움이 될 것 같다. ..

json형태로 데이터를 return하는 방법은 내가 아는 범위내에서 2가지다.(더 있을 수도 있는데... 일단 내가 아는 방법은 2가지.) 첫째, jsonView 둘째, @ResponsBody 이 2가지이다. 예전에 상세히 들어간 건 아니고 대충 검색해보면서 @ResponseBody보다 jsonView를 이용하는게 더 많은 데이터를 처리하는데 좋다고 하는데, 아직까지 차이가 날 정도로 큰 데이터를 다뤄보지 못해서 차이를 잘 모르겠다. 1. jsonView 사실 회사에 오고나서 이미 이렇게 짜여진 코드를 봐와서 난 이게 따로 설정해야하는 줄 몰랐다. jsonView를 사용하기 위해서는 설정이 필요하다. 몇가지 jar파일을 pom.xml에 선언해주고 설정해주면 된다.(*설정방법은 조금만 찾아보면 바로 찾을 ..

평소 ajax를 사용할 때, dataType을 json으로 선언만 하고, 넘길 파라미터를 Map에 담아서 넘겼었다. 근데 담긴 Map을 json 문자열로 변형하여 넘기는 코드를 봤다. 서버에서 파라미터가 담긴 Map을 @RequestParam을 이용해 그냥 받으려고 했더니 자꾸 에러가 떴다. 123456789$.ajax({ type: "POST", url: "", dataType: 'json', data: JSON.stringify({"startDate": startDate, "endDate": endDate}), contentType:'application/json; charset=utf-8', success: function(data){ alert("JSON.stringify로 파라미터로 넘기기 성공..

개발할 때 팝업창을 띄우는 경우, 데이터 조회를 위해 필요한 파라미터를 url로 넘기는 경우가 많았다.(회사 프로젝트 코드를 보면) 팝업창을 띄울 때는 자바스크립트에서 사용하는 window.open()을 사용한다. window.open("url", windowName, windowFeatures)를 이용해 팝업창을 띄우는데 여기서 url에 파라미터를 추가해주는 식이다. 만약 내가 서버로 넘겨주고 싶은 파라미터가 userId, userName, joinDay라면 아래와 같은 방식을 사용하면, 123function openPop(){ window("/test/openPopTest?userId="+${userId}+"&userName="+${userName}+"&joinDay="+${joinDay}, "pop..