티스토리

Pudding의 개발 블로그

검색하기

블로그 홈

Pudding의 개발 블로그

puddingdev.tistory.com/m

Ms.Pudding 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

자바스크립트를 이용한 타임리프 문법정리 로그인 만들 때 썼던 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}]] 이렇게 쓸 수.. 공감수 1 댓글수 0 2022. 2. 11.
자바스크립트 function() 자바스크립트에서 쓰는 메소드 function()에 대하여 알아보자 1. onclick = "function()" 으로 소환 가능하며 , id값으로 셀렉트 한다. try it 2.funtion('인자')를 넣고 실행할 수 있다. 예시1) try it HTML 삽입 미리보기할 수 없는 소스 예시2) HTML 삽입 미리보기할 수 없는 소스 3.id값으로 값을 리턴해줄 수 있다. 공감수 0 댓글수 0 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 삽입 미리보기할 수 없는 소스 .. 공감수 0 댓글수 0 2022. 2. 1.
타임리프 테이블말고 row로 들어있는 반복문 만들기 일단 html은 만들었는데 자바에서 col-4씩 주니까 3개 왔을 때 다음줄로 가는 방법을 찾아야한다.. 더 공부하자 ㅡ 공감수 0 댓글수 0 2022. 1. 25.
자바스크립트 forEach()반복문 자바스크립트에서는 forEach()를 이용하여 반복문을 작성할 수 있다. -> 26,50,74 1.function안에 있는 item은 타입 정의를 해주지 않았지만 items를 받는 변수이다 . (자바스크립트는 타입이 없음) 2.function func()로직을 정의해주고 한번더 func()메소드를 불러내야 작동한다. 게시판 만들기에서 제이쿼리를 이용하는 자바스크립트를 가지고도 forEach를 사용한 적이 있다. 제이쿼리에서는 $.each로 써준다. $.each(result.data, function(index,obj){ var tr = $('') var td = ''; td += '' + obj.boardNo+''; td += '' + obj.title+''; td += '' + obj.writer+''.. 공감수 1 댓글수 0 2022. 1. 15.
자바스크립트에서 $는 무슨 뜻일까?? (DOM) $(document).ready(function(){ //첫페이지 getBoard(1); }) $()는 보통 제이쿼리를 사용하는 자바스크립트에서 많이 쓰인다. $() 는 Jquery()이게 단축된 말이며, 예전에는 getElementById()로 많이 썼는데, 그냥 $() 셀렉터로 쉽게 하라고 들어온 것이다. 이 셀렉터는 DOM(Document Object Model)을 가르키며 원래는 이런식으로 생겼다 document.getElementById("id_of_element").style.color = "#ffffff"; $()를 쓰면 코드를 밑에 처럼 줄일 수 있다. $("id_of_element").setStyle({color: '#ffffff'}); 파라메터 값을 주는 셀렉터로도 사용될 수 있다. v.. 공감수 0 댓글수 0 2022. 1. 15.
input type = "hidden" input type = "hidden"은 사용자에게 보이지 않는 숨겨진 입력 필드를 정의 숨겨진 입력 필드는 랜더링이 끝난 웹 페이지에서는 전혀 보이지 않으며, 페이지 콘텐츠 내에서 그것을 볼 수 없다. 폼 제출 시 사용자가 변경해서는 안되는 데이터를 함께 보낼 때 유용하게 사용된다. 페이징 만들 때 씀.. 사용자가 form제출할 떄 , 현재 페이지가 변경되서는 안됌 value는 1로 해놨는데 디폴트임 , 페이지 게시물 없어도 로직에 1페이지로 나오게 만들었음 공감수 0 댓글수 0 2022. 1. 8.
<td>태그의 cosplan속성 html 태그의 colspan 속성 태그의 colspan 속성은 해당 데이터 셀(data cell)이 확장될 열(column)의 개수를 명시한다. 문법 예시 밥류 면류 분식류 김밥 라면 떡볶이 주먹밥 라볶이 출처 : http://tcpschool.com/html-tag-attrs/td-colspan 공감수 0 댓글수 0 2022. 1. 8.
label for 의 속성 label for="" 는 div안에 들어갈 id와 이름이 동일해야한다. 같은 속성으로 만들어주는 것이다. 상품 목록을 만들 떄, label for="" 에 상응하는 id값을 만들지 않아서 에러가 났었다. 상품 ID 공감수 0 댓글수 0 2022. 1. 8.
id와 name의 차이점 id값의 특징 id는 html에서 쓸 수 있는 유일한 값을 말합니다. 모든 id는 유니크해야하며 복수로 쓸 수 없습니다. css에서 #를 써서 사용 가능하다. name값의 특징 view에서 서버에 전송하는 요청에 사용됩니다. id 속성과 달리 고유하지 않을 수 있습니다. name의 특성은 다음 요소에서만 유효합니다. , , , , , , , , , , , and 여기서 보다시피 , id값은 고유하기 때문에 한번씩 주고 , name은 여러번 줄 수 있다. 그리고 name은 view를 서버에 보낼 때 쓰기 때문에 name에 있는 변수는 controller에 있는 변수랑 이름을 같게 한다. 출처 https://www.w3docs.com/snippets/html/what-is-the-difference-betw.. 공감수 0 댓글수 0 2022. 1. 8.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.