[@RequestBody, @ResponseBody, JSON, jQUERY, AJAX, Spring MVC예제소스] - 스프링실무교육학원
§@RequestBody 어노테이션은 HTTP 요청 몸체(Request Body)를 자바 객체로 변환하고 @ResponseBody 어노테이션은 자바 객체를 HTTP 응답 몸체로 변환하는 데 사용한다.(응답을 Body에 직접 씀)
첨부파일의 예제 참고하세요.
[출처] 오라클자바커뮤니티 - http://ojc.asia/bbs/board.php?bo_table=LecSpring&wr_id=504
@RequestBody,_@ResponseBody,_JSON,_spring_mvc예제.pdf
3D프린팅,아두이노알고리즘프로그래밍,로봇제작,스프링프레임워크,스프링시큐리티,스프링소셜,NODE.JS,AngulerJS,안드로이드 마시멜로,아이폰 Swift,닷넷, C#, Xamarin 실무개발바교육,구로디지털단지역2분,초역세권
2016년 7월 18일 월요일
2013년 10월 23일 수요일
(제이쿼리jquery 강좌)jQuery를 통한 키보드 이벤트, keydown, keyup, keypress jQuery를 통한 키보드 이벤트
(제이쿼리jquery 강좌)jQuery를 통한 키보드 이벤트, keydown, keyup, keypress
keydown : 키 눌러질때, keypress:글자가입력될때
keyup : 키보드가 떨어질 때
<script type="text/javascript">
$(document).ready(function() {
//keydown 이벤트가발생한순간에는글자가입력되어있지않음
//입력한글자수를표시해야하므로keyup 이벤트사용
$("textarea").keyup(function () {
//남은 글자수 구합니다.
var inputLength = $(this).val().length;
var remain = 50 ? inputLength;
//남은 글자수 display
$("h1").html(remain);
//문서객체 색상 변경
if (remain >= 0) {
$("h1").css("color","Blue");
} else {
$("h1").css("color","red")
}
});
});
</script>
<body><div>
<p>지금 내 생각을</p>
<h1>50</h1>
<textarea cols="40" rows="5"></textarea>
</div>
</body>
jQuery를 통한 키보드 이벤트
keydown : 키 눌러질때, keypress:글자가입력될때
keyup : 키보드가 떨어질 때
<script type="text/javascript">
$(document).ready(function() {
//keydown 이벤트가발생한순간에는글자가입력되어있지않음
//입력한글자수를표시해야하므로keyup 이벤트사용
$("textarea").keyup(function () {
//남은 글자수 구합니다.
var inputLength = $(this).val().length;
var remain = 50 ? inputLength;
//남은 글자수 display
$("h1").html(remain);
//문서객체 색상 변경
if (remain >= 0) {
$("h1").css("color","Blue");
} else {
$("h1").css("color","red")
}
});
});
</script>
<body><div>
<p>지금 내 생각을</p>
<h1>50</h1>
<textarea cols="40" rows="5"></textarea>
</div>
</body>
[개강확정강좌]오라클자바커뮤니티에서 운영하는 개발자 전문교육 ,개인80%환급(www.onjprogramming.co.kr)
[주말]
[10/26]C#,ASP.NET마스터
[11/2]Spring3.X, MyBatis, Hibernate실무과정
[11/2]JAVA&WEB프레임워크실무과정
[평일야간]
[10/29]C#,ASP.NET마스터
[10/31]JAVA&WEB프레임워크실무과정
[11/1]Spring3.X, MyBatis, Hibernate실무과정
[주간]
[11/4]Spring3.X, MyBatis, Hibernate실무과정
[주말]
[10/26]C#,ASP.NET마스터
[11/2]Spring3.X, MyBatis, Hibernate실무과정
[11/2]JAVA&WEB프레임워크실무과정
[평일야간]
[10/29]C#,ASP.NET마스터
[10/31]JAVA&WEB프레임워크실무과정
[11/1]Spring3.X, MyBatis, Hibernate실무과정
[주간]
[11/4]Spring3.X, MyBatis, Hibernate실무과정
[기타
다른 강좌는 아래 해당 카테고리를 클릭해주세요]
(제이쿼리jquery 강좌)jQuery를 통한 키보드 이벤트, keydown, keyup, keypress jQuery를 통한 키보드 이벤트
(제이쿼리jquery 강좌)jQuery를 통한 키보드 이벤트, keydown, keyup, keypress
keydown : 키 눌러질때, keypress:글자가입력될때
keyup : 키보드가 떨어질 때
<script type="text/javascript">
$(document).ready(function() {
//keydown 이벤트가발생한순간에는글자가입력되어있지않음
//입력한글자수를표시해야하므로keyup 이벤트사용
$("textarea").keyup(function () {
//남은 글자수 구합니다.
var inputLength = $(this).val().length;
var remain = 50 ? inputLength;
//남은 글자수 display
$("h1").html(remain);
//문서객체 색상 변경
if (remain >= 0) {
$("h1").css("color","Blue");
} else {
$("h1").css("color","red")
}
});
});
</script>
<body><div>
<p>지금 내 생각을</p>
<h1>50</h1>
<textarea cols="40" rows="5"></textarea>
</div>
</body>
jQuery를 통한 키보드 이벤트
keydown : 키 눌러질때, keypress:글자가입력될때
keyup : 키보드가 떨어질 때
<script type="text/javascript">
$(document).ready(function() {
//keydown 이벤트가발생한순간에는글자가입력되어있지않음
//입력한글자수를표시해야하므로keyup 이벤트사용
$("textarea").keyup(function () {
//남은 글자수 구합니다.
var inputLength = $(this).val().length;
var remain = 50 ? inputLength;
//남은 글자수 display
$("h1").html(remain);
//문서객체 색상 변경
if (remain >= 0) {
$("h1").css("color","Blue");
} else {
$("h1").css("color","red")
}
});
});
</script>
<body><div>
<p>지금 내 생각을</p>
<h1>50</h1>
<textarea cols="40" rows="5"></textarea>
</div>
</body>
[개강확정강좌]오라클자바커뮤니티에서 운영하는 개발자 전문교육 ,개인80%환급(www.onjprogramming.co.kr)
[주말]
[10/26]C#,ASP.NET마스터
[11/2]Spring3.X, MyBatis, Hibernate실무과정
[11/2]JAVA&WEB프레임워크실무과정
[평일야간]
[10/29]C#,ASP.NET마스터
[10/31]JAVA&WEB프레임워크실무과정
[11/1]Spring3.X, MyBatis, Hibernate실무과정
[주간]
[11/4]Spring3.X, MyBatis, Hibernate실무과정
[주말]
[10/26]C#,ASP.NET마스터
[11/2]Spring3.X, MyBatis, Hibernate실무과정
[11/2]JAVA&WEB프레임워크실무과정
[평일야간]
[10/29]C#,ASP.NET마스터
[10/31]JAVA&WEB프레임워크실무과정
[11/1]Spring3.X, MyBatis, Hibernate실무과정
[주간]
[11/4]Spring3.X, MyBatis, Hibernate실무과정
[기타
다른 강좌는 아래 해당 카테고리를 클릭해주세요]
2013년 8월 10일 토요일
[ORACLEJAVA교육, 웹퍼블리싱, HTML5, jQuery실무교육]HTML5 개요
HTML5개요 입니다. 참고하세요~
오라클자바커뮤니티에서 설립한 오엔제이프로그래밍 실무교육센터
(오라클SQL, 튜닝, 힌트,자바프레임워크, 안드로이드, 아이폰, 닷넷 실무전문 강의)
<video width="320" height="240" autoplay controls poster="image.jpg">
<!- mp4 : 사파리, IE9, 아이폰, 아이패드, 안드로이드, 윈도우7 폰버젼 --> <source src="video.mp4" type="video/mp4"> <!- WebM : 파이어폭스4, 오페라, 크롬 --> <source src="video.webm" type="video/webm"> <!- ogv : 파이어폭스4 이전버젼 --> <source src="video.ogv" type="video/ogv"> </video> |
5. 다양한 API 지원
| 드래그 & 드랍 | 웹 콘텐츠들을 드래그 할 수 있는 기능 (모든 브라우져에서 지원하지 않음) |
애플리케이션 캐시
| 오프라인 상태에서도 애플리케이션을 실행할 수 있도록 지원하는 기능 |
웹스토리지
| 쿠키처럼 클라이언트 쪽에 데이터를 저장할 수 있는 기능 |
Indexed 데이터베이스
| 클라이언트에 저장하는 데이터 베이스 기능 |
웹 워커
| 시간이 오래 걸리는 작업을 백그라운드로 실행하는 기능 |
지오로케이션
| PC나 모바일 장치에서 현재 위치를 파악할 수 있게 해주는 기능 |
■ HTML5의 문제점
1. HTML5를 지원하지 않는 브라우져의 존재
- IE6/7/8에서 미지원, IE9에서도 완벽하게 지원하지 않음
- 2012년 1월 윈도우 XP 점유율은 47%로 앞으로 상당 기간 HTML5가 나아가는데 큰 걸림돌이 될 것으로 보임
- IE6/7/8에서 미지원, IE9에서도 완벽하게 지원하지 않음
- 2012년 1월 윈도우 XP 점유율은 47%로 앞으로 상당 기간 HTML5가 나아가는데 큰 걸림돌이 될 것으로 보임
(윈도우 XP는 IE8 버젼까지만 설치가 가능하기 때문에 HTML5를 보기 위해서는 다른 브라우져 설치가 필요함)
2. 저작권 보호 문제 (개발소스, 동영상, 음악)
3. ActiveX의 보안성을 대체할 요소가 없음
- 은행권, 공공기관에서 사용하는 ActiveX의 보안성을 대체할 요소가 없기 때문에 ActiveX의 사용은 당분간 계속될 것으로 보임
■ 브라우저 지원 현황
| 브라우저 | Ver | HTML5 검사 점수[2] 2012년 1월 6일 | Ver | HTML5 검사 점수 2012년 5월 23일[3] |
|---|---|---|---|---|
| 구글 크롬 | 16.0 | 373/475 | 18 | 400 |
| 모질라 파이어폭스 | 10.0 | 332/475 | 12 | 345 |
| 오페라 | 11.60 | 329/475 | 11.60 | 338 |
| 오페라 | 12 알파 | 344/475 | 12.00 | 385 |
| 애플 사파리 | 5.1 | 302/475 | 5.1 | 317 |
| 인터넷 익스플로러 | 9 | 141/475 | 9 | 138 |
| 인터넷 익스플로러 | 10 | 306/475 | 10 | 316 |
| 맥스톤 | - | - | 3.3.7 | 437 |
피드 구독하기:
글 (Atom)