유혁스쿨

body영역에 선언된 한개의 form태그 안에서는 submit버튼을 한개밖에 만들수가 없습니다. 만약 한 페이지 body안에서 요청을 수행해야할 버튼이 두개가 존재하고, 각 버튼을 눌렀을 때 둘다 form이 작동하면서 action과 method가 서로다른 방식으로 적용되어 작동을 해야하는 상황이 발생할때, 하나는 submit버튼 나머지 버튼은 일반 button type속성으로 만들어야합니다. 이때 일반 button 옵션 버튼에 클릭 이벤트를 발생시켜 주면서 이벤트 내용은 form태그의 action과 method방식을 해당클릭이벤트가 발생했을 때 에만 변경시킨후 submit처리까지 할수 있는 방법이 있습니다. JQuery를 통해 일반 Button을 css id선택자로 접근하여 변수에 담아줍니다. butto..

html태그에 접근 자바스크립트와 JQuery가 html태그에 접근하기 위해서는 html태그를 객체로 포장해서 데리고 오게 됩니다. 방법은 html태그에 css 선택자 문법을 사용하여 id혹은 class속성을 부여하는것 입니다. css 선택자를 기준으로 자바스크립트와 jQuery가 html태그에 접근할 수 있습니다. input 태그에 btn이라는 class속성 부여합니다. 자바스크립트로 html태그 접근 var modifyBtn = document.getElementById("#modBtn"); document.getElementById("")함수를 통해 얻어온 modBtn이라는 class속성을 var타입 변수 modifyBtn에 저장합니다. jQuery로 html태그 접근 var modifyBtn = ..

입력,수정,삭제가 완료된 후에는 항상 작업이 수행되고 수행된 작업을 재요청을통해 화면에 띄워줄수있도록 Redirect처리를 해줍니다. 이때 자바스크립트를 통해 수정이 완료되고 페이지전환이 될때 자바스크립트의 alert('')경고창을 통해 작업이 성공적으로 처리가 되었다는 문구를 사용자에게 띄워줄 수 있습니다. @PostMapping("/write") public String write(BoardVO board, RedirectAttributes ra) { service.insert(board); ra.addFlashAttribute("msg","wrtSuccess"); return "redirect:/list"; } @PostMapping("/modify") public String write(Board..