태그를 동적으로 생성한 후 - append, html 등 .. 동적으로 추가된 태그에는 이벤트가 동작하지 않는다. 이벤트가 동작하지 않는 이유 - [JS] 웹 페이지 HTML 렌더링 $("#child").click(function(){}은 이미 렌더링 되어서 동작하지 않는 것이다. 페이지가 로드 될 때 Script - $("#child").click(function(){}은 있는데 html의 태그- #child가 없어서 (append 하기 전에) $(document).on("click", "#child", function(){ // on 이벤트로 변경 alert($(this).attr("value")); }); 위와 같이 on 을 사용하여 해결 할 수 있다. on - 이벤트를 실행할 때 그 실행하는 순간..
[Spring] Spring Mybatis에서 null값이 반환 될 때
Spring의 실행 순서 Controller -> Service -> DAO -> DB -> DAO -> Service -> Controller 에러 없이 마지막 Controller에서 null 값이 출력된다면 1. DB에서 mapper에 있는 쿼리를 실행해서 원하는 값이 출력되는지 확인한다. 2. DAO, Serivce에서 값이 넘어갔는지 확인해본다. Service, DAO에 값이넘어오지 않았다면, 의존성 주입이 제대로 수행되지 않은 것이다. @어노테이션(Annotation)을 확인해 볼 필요가 있다. (누락된 곳이 있는지, 올바르게 작성되었는지 .. ) 어노테이션 주의점 다음과 같이 작성하면 의존성 주입이 되지 않는다. @Autowired private MainDAO dao1; private Boar..
동기 방식 (Synchronous ) 요청을 보낸 후 결과를 받아야지만 다음 동작이 이루어진다. 설계가 간단하지만 시간이 걸려도 결과가 주어질 때까지 기다려야 한다. 비동기 방식 (Aynchronous ) 요청을 보낸 후 결과를 받지 않아도 다음 작업을 할 수 있다. 설계가 복잡하지만 결과를 기다리지 않아서 자원을 효율적으로 사용할 수 있다. 비동기 방식은 결과를 콜백 함수(특정 시점에 호출되는 함수)로 알려준다. Ajax에서 (success, error) 같은 형태가 콜백 함수에 해당한다. function test1() { $.ajax({ url: "/test/ajax_test.action", dataType: "json", type: "post", data: { param : "param", // P..
function test() { var test_val; $.ajax({ url: "/test/ajax_test.action", dataType: "json", type: "post", async: false, //async 속성을 false 선언 ajax를 비동기가 아닌 동기식으로 처리하게 한다. data: { param : "param", // POST형식으로 url과 함께 보낼 값 }, success: function(data) { test_val = data; }, error: function(e) { alert("오류"); } }); return test_val; } //확인 alert(test()); Ajax는 비동기 방식이여서 undefined 가 return 되기 때문에 async : fa..