본문 바로가기

Programming/HTML & CSS & JavaScript

(4)
[Bootstrap] .row / .col-*-* ※ .row.container 또는 .container-fluid 안에 .row로 행을 만든다. ※ .col-*-*.row안에 .col-*-*로 열을 만든다. 첫번째 * 에는 xs, sm, md, lg 중에 하나를,두번째 *에는 1부터 12까지의 수 중 하나를 작성한다.xs : 항상 적용된다.sm : 가로 해상도 768px 이상에서 적용된다.md : 가로 해상도 992px 이상에서 적용된다.lg : 가로 해상도 1200px 이상에서 적용된다.1 - 12 : 행을 12등분하여 그 중 몇개를 사용할지 지정한다. 예를 들어 .col-xs-6은 항상 행의 크기를 6/12을 가로 크기로 한다는 것이다..col-sm-6은 가로 해상도 768px 이상에서 행의 6/12을 가로 크기로 한다는 것이다.만약 가로 해상도가..
[jQuery] val() / text() / html() val(), text(), html() 메소드는 요소 값을 제어할 수 있는 메소드들이다.그렇다면 이 메소드들은 각자 어떤 특이점을 가질까? ※ val()Form Element 의 값을 받아오는데 쓰인다.주의할 점은 Form Element 이외의 값들은 받아오질 못한다. ※ val(value)Form Element의 값을 지정할 때 쓰인다. ※ text()XML과 HTML문서에 둘 다 사용될 수 있다.태그내에 존재하는 자식태그들 중에 HTML태그는 모두 제외한 채 문자열만 출력하고자 할 때사용되는 함수이다. ※ html()html()는 text()와 비슷한 기능을 수행한다.text()는 텍스트만 불러오는 반면 html()은 HTML태그도 함께 불러온다.태그내에 존재하는 자식태그를 통째로 읽어올 때 사용되는..
컨트롤러에서 보낸 데이터받기 rttr.addFlashAttribute("msg", "SUCCESS");return "redirect:/review/listAll"; 만약 컨트롤러에서 RedirectAttributes를 이용해서 msg라는 이름에 SUCCESS라는 문자열을VIEW로 전송했다면 VIEW에서는 msg데이터를 다음과 같이 자바스크립트로 받을 수 있다. JSP 에서 받으려면 아래와 같이 받을 수 있다. ${msg}
[HTML] 버튼에 링크걸기 보통 글에 링크를 걸 때는 을 이용하면 된다.그렇다면 버튼에는 어떻게 링크를 걸까? 버튼 태그 안에 onclick="location.href='#'" 을 넣어주면 된다.예를 들어