Dev. Cookbook/HTML, CSS2 [HTML, JS, JSP] 페이지 자동 새로고침, 일정 시간 후 다른 페이지로 보내기 가끔 홈페이지를 보면 일정 시간마다 새로고침을 하거나, 일정 시간 후 다른 페이지로 보내는 기능을 볼 수 있습니다. HTML의 메타태그에서 제공하고 있는 기능입니다. 이를 기본으로 해서 JSP, Javascript에서 모두 동일한 기능을 하는 코드를 작성할 수 있습니다. 1. 일정 시간 후 페이지 새로고침 1.1 HTML의 메타 태그 사용 HTML의 META Tag를 이용한 Reload 1.2 JSP에서 response.setHeader를 사용 JSP에서는 setHeader 함수를 사용해서 설정할 수 있습니다. HTML의 메타태그에서 보던것과 같은 파라미터로 "Refresh"를 설정하고 그 다음 초를 설정하면 됩니다. 테스트용 코드는 아래와 같습니다. response.setHeader를 이용한 Reloa.. 2022. 6. 1. [CSS] CSS만으로 버튼 만들기 css를 공부하면서 CSS만으로도 버튼을 만들 수 있을 것 같다는 생각이 들어 검색을 해봤습니다. 아래의 3가지 주요 태그를 설정하면 css로 버튼을 만들 수 있습니다. 1. 주요 css 태그 border-radius : 테두리 반지름 설정 box-shadow : 테두리 그림자 설정 E:active : 마우스 클릭할 때 1.1 border-radius 요소 테두리 경계의 꼭짓점을 둥글게 만듦 border-radius: 반지름값 반지름 순서 : 좌상(Top-Left), 우상(Right-Top), 우하(Right-Bottom), 좌하(Left-Bottom) 반지름 단위 : px, %, 첫번째 반지름/두번째 반지름 ex) /* 모든 코너의 반지름이 10px */ border-radius: 10px /* 좌상,.. 2022. 5. 22. 이전 1 다음
