본문 바로가기

전체보기

[HTML] input 태그 이벤트 태그 이벤트onblur요소가 포커스를 잃을 때 스크립트가 실행됩니다.onselect텍스트의 조각이 선택 된 곳 스크립트가 실행됩니다.onchange객체의 내용이 변경될때 스크립트가 실행됩니다.onclick마우스 클릭에서 스크립트가 실행됩니다.ondblclick마우스를 두번 클릭에서 스크립트가 실행됩니다.onmousedown스 버튼을 누를 때 스크립트가 실행됩니다.onmouseup마우스 버튼이 버튼이 누른후 스크립트가 실행됩니다.onmouseover마우스 포인터가 요소 위에 이동할 때 스크립트가 실행됩니다.onmousemove마우스 포인터가 이동할때 스크립트가 실행됩니다.onmouseout마우스 포인터가 요소에서 이동할 때 스크립트가 실행됩니다.onkeypress키를 누르면 스크립트가 실행됩니다.onkey.. 더보기
[CSS3] media query 펌 : http://nuli.navercorp.com/blog/42284 미디어 타입(media type)은 단말기의 종류에 따라 각각 다른 스타일시트를 적용하게 하는 기능이며 CSS 2.1 부터 추가되었습니다. 하지만 실제로 많이 사용되지 않았는데, 미디어 타입 만으로는 해당 기기의 특성을 정확히 파악하여 알맞은 스타일을 적용시키기 어려웠던 문제점이 있었기 때문입니다. CSS3에는 미디어 타입을 개선하여, 더 구체적인 조건에서 필요한 스타일을 정확하게 적용할 수 있도록 확장하였는데, 이를 미디어 쿼리(media query)라고 합니다. 적용방법미디어 쿼리를 적용하는 방법은 크게 3가지가 있습니다.(1) 마크업에서 CSS파일 분기하기 스타일시트 파일을 분리하여 특정 조건에 부합할 경우 CSS파일을 로딩할.. 더보기
[iBatis] queryForMap() 사용법 [iBatis] queryForMap() 사용법참조: http://openframework.or.kr/Wiki.jsp?page=QueryForMapExample select * from ACCOUNT 위와 같은 iBatis sql문에 대해 다음과 같이 쿼리. queryForMap("selectAllAccounts", null, "id"); 파라미터는 null이고, 쿼리 결과를 Map으로 받는데 키는 id에 대응하는 ACC_ID 칼럼값이 된다. 테이블에서는 모든 값(칼럼)을 가져와서 Accout 클래스형으로 값을 저장. 즉, key=ACC_ID칼럼값, value=Account클래스의 형태의 Map이 된.. 더보기
[HTML] 테이블 만들기 펌 : http://cbkim.wkhc.ac.kr/htmlbox/hmf10.html#top ... 테이블의 시작과 끝을 알리는 태그입니다. 이 태그에서 테이블 선의 두께, 선의 색깔, 테이블의 배경색이나 이미지 등을 변경할 수 있는 속성을 지정할 수 있습니다.Align="left", "right", "center"표의 정렬 상태를 지정합니다.Background="이미지 파일명"표의 배경을 이미지로 지정합니다.Bgcolor="색상명"표의 배경을 색으로 지정합니다.Border="숫자(픽셀)"표의 테두리선의 두께를 지정합니다. 0으로 설정하면 테두리선이 보이지 않습니다.Bordercolor="색상명"표 테두리선의 색을 지정합니다.Cellpadding="숫자(픽셀)"셀 경계와 셀 안의 내용 사이의 간격을 지정합.. 더보기
Input readonly 속성 펌 : http://jmnote.com기초 예제 (속성) 변경불가 변경가능 예제: http://jmnote.com/html5/input_readonly.php자바스크립트로 제어 변경불가 변경가능 myform.country.readOnly = true; 예제: http://jmnote.com/html5/input_readonly2.php참고 자료http://www.w3schools.com/tags/att_input_readonly.asp 더보기
[JAVA]HashMap 클래스 출처[펌] : http://hyeonstorage.tistory.com/trackback/230 HashMap 클래스 HashMap 클래스는 키와 데이터 값의 한쌍으로 묶어서 관리하며 키의 중복을 허용하지 않는다.유사한 성격의 클래스로는 HashMap, HashTable, TreeMap 클래스가 있다. 키와 값의 쌍으로 관리하므로 Enumeration이나 Iteration 객체를 사용하여 데이터를 추출하지 않고 해당 키에 대하여 데이터 값을 추출한다. * Map 인터페이스의 주요 메소드 HashMap 메소드 설명 put() - 키(Key)와 값으로 구성된 새로운 데이터를 추가한다. get() - 지정한 키(Key)에 해당하는 데이터를 반환한다. remove() - 지정한 키(Key)에 해당하는 데이터를 .. 더보기
손전등 소스 http://koreasdram.tistory.com/55 더보기
웹서버와 소캣통신 차이 일반적으로 웹서버의 한계라 하면.. 클라이언트의 요청(request)이 있을때만 서버가 응답(response)하여 통신이 가능할뿐, 서버가 먼저 요청하고 클라이언트로부터 응답받을 수 없는 단향뱡적인 통신이라는 점입니다. 또한 비연결지향형 이기 때문에 데이터 전송 부분 외에도 서버에 연결하는 시간 비용이 추가로 들어가는 단점이 있습니다. 따라서 단순히 클라이언트가 필요할때만 서버에서 접근하는 "콘텐츠" 위주의 데이터를 사용하고자 할때는 웹서버가 용이하겠죠. 예를 들자면 게시판 같은 구조.(클라이언트가 필요할때만 서버에서 접근해서 게시판 자료를 가져오지요) 하지만 위에서 말씀드렸듯이 서버와 클라이언트가 언제든지 양방향으로 필요한 데이터를 요청하고 보내고자 할때는 소켓서버를 이용하게는게 좋습니다. 실시간으로 .. 더보기
[JQUERY] ajax 방법 출처[펌] : http://rocabilly.tistory.com/27 [jQuery] Ajax 방법 - 각 Ajax 방식을 호출하는 방법view plaincopy to clipboardprint?// 버튼 클릭시 ajax 실행 $("#btnOK").click(function(){ var url="test.aspx"; var params="param1="+param1+"¶m2="+param1; $.ajax({ type:"POST", url:url, data:params, success:function(args){ $("#result").html(args); }, beforeSend:showRequest, error:function(e){ alert(e.responseText); } }); }); 1. $.. 더보기
[SPRING] MVC, Service, DAO 구조에 대해 출처[펌] : http://www.cyworld.com/roykun/3099722 MVC라는 것은 Model - View - Controller의 구조를 말하는데,Spring에서는 Model 은 db data를 가져와 메모리에 올려놓은 것이고 View는 jsp, html 단에서 보여주는 것 Controller는 이 두 가지를 연결해주는 것으로 보면 된다. 또한 Spring에서는 Service라는 것과 DAO라는 개념이 더 존재한다. DAO는 data access object로 db와 소통하는데 사용하는 레이어이다.따라서 접근하는 데이터 베이스의 변경에 유연할 수 있게 구현부와 선언부를 나누어 놓는 것이 좋다. Service에 관련한 이해는 위키피디아에서 확인하는 것이 좋은데, SOA라는 아키텍쳐와 연관된.. 더보기