본문 바로가기
반응형

Language/HTML, JavaScript50

modelAndView script에서 Thymeleaf로 받는 방법 컨트롤러에서 modelAndView 타입을 반환하는 예제인데 이걸 thymeleaf를 사용할 경우 script 부분에서 받아 사용할 수 있는데 script 부분에 th:inline="javascript" 를 넣어주고 [[${모델명}]]; 으로 호출할 수 있는데 이걸 변수에 담아놓은 후 console.log로 찍어보면 modelAndView에 담은 내용이 출력되는 것이 보인다 2021. 12. 23.
a href 새 창에서 여는 방법 a href를 사용해 특정 페이지를 열려고 하는데 기존 페이지에서 이동하는게 아니라 새 창에서 해당 페이지로 이동하려면 target="_blank" 를 추가해주면 되는데 이미지와 같이 사용해주면 링크를 클릭할 경우 새 창에서 입력한 URL이 열리게 된다 2021. 12. 23.
자바스크립트 ajax 파라미터 넘기는 받는 방법 먼저 자바스크립트에서 ajax를 사용해서 자바 Controller 파일에 특정 값(Parameter)을 넘겨주려는 경우에는 ajax에 data를 사용해서 넘겨주면 되는데 위에서 사용한 코드는 아래와 같다 이후 Contrller 에서 @RequestParam("ajax에서_넘긴_data값") 데이터타입 변수명 이런 식으로 사용해주면 된다 ajax를 사용해 보낸 값이 자바 Controller 안에서 출력되는 것이 보인다 2021. 12. 2.
Javascript ajax 자바 Controller 호출방법 스프링부트 환경에서 자바스크립트를 이용해 자바 Controller를 호출하려면 ajax를 사용해주면 되는데 먼저 HTML에 아래 코드를 추가한 뒤 url 부분에서 설정한 호출할ControllerMapping값을 Controller에서 GetMapping("값"), PostMapping("값") 등으로 설정해주면 자바스크립트에서 자바 Controller를 호출할 수 있게 된다 2021. 12. 2.
자바스크립트 Uncaught ReferenceError: $ is not defined 해결방법 자바스크립트 사용 시 Uncaught ReferenceError: $ is not defined 이런 에러가 발생하는 것이 보이는데 정확한 원인은 자바스크립스 사용 시 JQuery를 Import 하지 않아서 그런건데 위 코드를 복사한 뒤에 이런 식으로 자바스크립트 위에 넣어주면 정상적으로 동작하는 것이 보인다 2021. 12. 2.
자바스크립트 랜덤함수 사용방법 정리 자바스크립트에서 랜덤함수는 Math.random() 으로 사용할 수 있는데 사용할 때마다 랜덤 소수값이 나오게 된다 좀 활용을 해서 소수 2번째 자리수까지 반올림한 값을 가져오려면 Math.random().toFixed(2); 2자리 정수로 가져오려면 Math.floor(Math.random() * 100); 이런 식으로 사용해주면 된다 2020. 7. 13.

반응형