글쓰는 개발자

안녕하세요. 글쓰는 개발자입니다. 오늘은 ajax으로 받아온 data를 jstl로 표현하는 방법에 대해 소개하고자 합니다. ajax의 POST방식을 사용하게 되면, error가 발생하면서 받아온 값을 jstl로 표현하지 못하는데요. 이유는 다음과 같습니다. 서버는 JAVA>JSTL>HTML>Javascript 순서로 동작하는데 GET방식으로 페이지 이동시 바로 model.addAttribute하는 경우에만 작동하는 것을 많이 경험하셨을 겁니다. 그러나, 저는 업무 중에 Tab메뉴를 동작할 때 마다 Ajax Post 방식으로 data를 받아와야했고 append를 하기에는 View단의 코드가 너무 길어지고 퍼블리싱 변경이라도 발생할 경우, 유지보수에 상당한 어려움이 예상되었습니다. 그리하여, 고민한 결과 아..

안녕하세요. 글쓰는 개발자입니다. 오늘은 script단에서 ajax을 활용해 controller(Java단)로 배열값을 전달하는 방법을 소개하겠습니다. 저는 입력폼에서 checkbox를 활용한 다중선택값은 따로 분리해서 배열로 전달하였는데요. 이 때, @RequestParam Map param 형식으로 받게되면 배열의 경우, 첫번째 값만 가져오게 되므로 @RequestParam(value="parameter이름[]")List 형으로 배열값을 받아와야 합니다. 아래 코드만 보시면 쉽게 이해가 되실 겁니다. 1. Script $.ajax({ url :'/my/testUrl/arrayTest', type : 'post', dataType : 'json', data : { "exampleArray" : exam..

안녕하세요. 글쓰는 개발자입니다. 오늘은 업무 중에 활용했던, 커리어넷 OPEN API 센터의 학교명 검색 기능을 활용해서 비동기 검색제시어 기능을 구현한 것을 간단하게 소개하려고 합니다. 동기, 비동기 방식에 대한 자세한 설명이 필요할 것 같지만, 다른 포스팅에서 다루도록 하고 기능구현만 간단히 소개하겠습니다. 1. 검색제시어 기능 다양한 포털사이트에서 검색을 하실 경우 아래에 유사한 검색어들이 제시되는 것들을 보셨을 것입니다. 그것이 바로 검색제시어 기능입니다. 비동기 방식이기 때문에 검색어가 변경될 때 마다 매번 새로고침 되지않고 제시어만 계속 바뀌게 됩니다 2. 기능 구현 커리어넷의 OPEN API를 예시로 들었지만, DB에서 불러온 값들을 활용하셔도 됩니다. 1) html 간단하게 검색어를 입력..