반응형 언어/JSP4 [JSP] 프론트에서 백엔드로 Post 전송 프런트엔드에서 백엔드로 데이터를 전달하기 위해서는 Form을 사용합니다 먼저 프론트엔드에서 아이디와 비밀번호 입력칸이 존재하고 로그인 버튼을 눌렀을 때 ID와 PW를 백엔드로 전달하는 HTML을 작성합니다 로그인 아이디 비밀번호 로그인 데이터를 전달하기 위해서는 Form 태그를 사용하는데 method를 통해 post방식을 지정합니다 여기에서 post로 값을 전달하기 위해서는 전달될 값을 지정해주어야 하는데 onsubmit을 통해 login_check()를 호출합니다 login_check가 호출되면 위에서 지정한 id, pw값을 var에 넣어주고 hidden으로 설정된 document.listForm.id의 value에 값을 넣어줍니다 마지막으로 post를 통해 전달될 곳의 주소값인 check.do를 설정.. 2023. 5. 13. [jsp] 토글 버튼 구현 jsp 페이지를 구현하는 중 토글 버튼을 구현해야 사용이 가능한 기능이 있어서 css를 이용해서 토글버튼을 구현하고 상태 값이 변할 때 해당 토글 버튼의 상태가 on인지 off인지 알 수 있도록 script 파일을 통해 구현했습니다 css style html css에서 정의한 토글 버튼을 html에 입력하고 type은 checkbox id는 css에서 #toggle 태그에 맞게 toggle로 맞춰줍니다 실제 토글 버튼은 체크박스를 통해 구현했기 때문에 체크박스에 체크가 되느냐 안되느냐를 통해 토글버튼의 움직임을 만들었고 그렇기 때문에 토글 버튼의 위쪽에 체크박스가 보이게 되는데 이 부분을 hidden을 통해 가려주면 체크박스는 보이지 않고 오로지 토글 버튼만 화면에 보이게 됩니다 script toggle.. 2022. 8. 26. [jsp] 데이터 입출력 팝업 jsp를 사용하면서 데이터를 출력하거나 입력받는 팝업창을 띄워야 하는 경우 alert, confirm, prompt를 사용하면 간단하게 팝업을 통한 데이터 입출력이 가능합니다. 가장 많이 사용되는 alert 먼저 alert는 메세지가 출력된 창을 띄워서 사용자가 확인 버튼을 누르기 전까지 팝업창을 유지하는 것으로 버튼의 구성은 확인버튼 단일로 구성되어 있습니다 확인과 취소버튼이 존재하는 confirm confirm은 사용자가 확인 또는 취소를 누르는 것으로 boolean값을 리턴합니다 확인 버튼을 누르면 true, 취소 버턴을 누르면 false text입력이 가능한 prompt 해당 팝업역시 확인과 취소 버튼이 있으며 추가적인 데이터 입력을 할 수 있는 Text창이 존재하기 때문에 Text문구를 입력하고.. 2022. 8. 19. [jsp] Radio 상태 변경 감지하기 HTML에 배치한 Radio 버튼이 실시간으로 사용자에 의해 눌릴 때마다 변경된 Radio 버튼의 value 값을 읽어오는 script를 작성해 보도록 하겠습니다 Radio 버튼 구성 Push Interval On/Off 먼저 value값을 읽을 라디오 버튼을 위와 같이 구성하였습니다 하나의 라디오 그룹으로 묶기 위해 동일한 name인 sensorDa를 설정해 주고 그에 따른 value값을 3,4,5로 지정해 주었습니다 Radio 변경 감지 소스코드 자체는 어렵지 않습니다 먼저 input 타입의 sensorDa라는 name을 가진 라디오 버튼이 change 될 때마다 function을 실행한다는 뜻입니다 이렇게 실행된 function 내부에서는 this 즉 sensorDa의 val() 값을 가져오게 됩니.. 2022. 8. 19. 이전 1 다음 반응형
