front/html,Js,타임리프10 자바스크립트를 이용한 타임리프 문법정리 로그인 만들 때 썼던 th:inline = "javascript부분 복습 1.onclick="login()" 로그인창 보여주는 자바스크립트 부분을 작성한다 로그인 2.th:inline="javascript" 이제 밑에서 자바스크립트 부분을 작성한다. 타임리프를 활용한 자바스크립트 작성시 th:inline="javascript"를 쓴다. var resultCode = /*[[${resultCode}]]*/; var resultMsg = /*[[${resultMsg}]]*/; 자바에서 만들어준 model의 텍스트값을 출력을 할 때 th:text 를 사용하거나 [[..]]를 사용하여 가져올 수 있다. 예를 들어 th:text = "${resultCode}" 아니면 [[${resultCode}]] 이렇게 쓸 수.. 2022. 2. 11. 자바스크립트 function() 자바스크립트에서 쓰는 메소드 function()에 대하여 알아보자 1. onclick = "function()" 으로 소환 가능하며 , id값으로 셀렉트 한다. try it 2.funtion('인자')를 넣고 실행할 수 있다. 예시1) try it HTML 삽입 미리보기할 수 없는 소스 예시2) HTML 삽입 미리보기할 수 없는 소스 3.id값으로 값을 리턴해줄 수 있다. 2022. 2. 2. 자바스크립트 기초 (자바스크립트의 특징 5개) 1.innerHTML을 이용하여 html에 바로 텍스트 값을 줄 수 있다. 자바스크립트 click me! 여기서 document.getElementById() 는 selector의 용도로 id값을 가져온다. HTML 삽입 미리보기할 수 없는 소스 2.html의 속성값을 바꿀 수 있다. Turn on the light turn off the light HTML 삽입 미리보기할 수 없는 소스 getElementById().src 로 소스값을 바로 바꿀 수 있다. 3.css 스타일을 바꿀 수 있다. javaScript can change the style of html emlement click me getElementById().style 로 css를 바꿀 수 있다. HTML 삽입 미리보기할 수 없는 소스 .. 2022. 2. 1. 타임리프 테이블말고 row로 들어있는 반복문 만들기 일단 html은 만들었는데 자바에서 col-4씩 주니까 3개 왔을 때 다음줄로 가는 방법을 찾아야한다.. 더 공부하자 ㅡ 2022. 1. 25. 이전 1 2 3 다음
