본문 바로가기

Java, Spring

 (77)
15일차 2 - jQuery Test 비밀번호 확인 jQuery Test 2. 비밀번호 확인 비밀번호 비밀번호 확인 $(function(){ //id로 접근할 때:'#'을 붙여, class로 접근할 때: '.'을 붙여 $("#pwd_confirm").keyup(function(){ if($("#pwd_confirm").val() != "") { if($("#pwd_confirm").val() != $("#pwd").val()) { $("div").remove(); $("tr:last td:last") //tr마지막, td마지막에 .append("비밀번호가 틀립니다.") //붙여 .find("div") //div찾아서 .css({"backgroundColor":"#FF6699"}); //css바꿔줘 //뒤에 ;만 없으면 .찍고 계속 쓸 수 있어. } els..
15일차 3 - jQuery Test 글자 옮기기 jQuery Test 3. 글자 옮기기 먼저 javascript로 작성한 후 jQuery로 바꿔보자. textarea1 두산 그대의 이름은 승리 textarea2 참고 특수문자 : ‘ㅁ’+한자키 자바스크립트 입력창 : 경고는 alert(), yesno창은 confirm(), 스트링입력창은 prompt()창 자바스크립트의 특이한 점은 변수의 유형이 없어. 다 var하면 돼. 데이터유형이 막 변해. 장점이면서 단점. 리턴도 값넘겨주면 넘어가는거고 return;하면 그냥 function나가는거고.. jQuery를 사용해 구현해보자. 다음페이지에서 값을 읽어야 하면 form이 필요하겠지만 지금은 필요없지. jQuery에서 접근하기 위한 id들 만들어줘. textarea1 두산 그대의 이름은 승리 textarea..
15일차 4 - jQuery Test 점수에 따른 학점, style적용 & id로 접근,class로 접근 jQuery Test4. 점수입력하면 학점알려주기. division태그를 이용해서 레이어를 구성할 수 있어. cf. 인터넷에 항상 연결되어 있다면 jquery-1.7.2.js 굳이 안집어놓고 구글에서 제공하는 jQuery라이브러리 사용해도 돼. 1 그리고 잘 동작되나 확인해보자. (버전까지 찍어 볼거야.) $(function(){ alert('jQuery '+jQuery.fn.jquery); }); 태그안 숫자가 주민번호라고 생각하고 숫자를 클릭하면 남녀성별 표시 $(function(){ //alert('jQuery '+jQuery.fn.jquery); //$('#man').click(function(){ $('#man').bind("click", function(){ //원래 이게 정석 var gend..
15일차 5 - jQuery Test : HTML요소이름으로 접근, 회원가입 validation check jQuery Test 6. HTML요소이름으로 접근 Queen A Night at the Opera Bohemian Rapsody BON JOVI Crossroads Always Metallica one Enter Sandman Guns N' Roses Welcome to the Jungle November Rain Radio Head Led Zepplin script 자세히 볼까 1. ‘l’이 포함된 것만 빨간색 2. ‘l’들어간 것들의 자기자신을 제외한 형제만 (Led Zepplin의 경우 원래 자기는 제외지만 조건에 만족하는 다른 단어가 또 있다면 자기도 색칠되겠지) 3. 의 부모 즉 을 노란색으로 한거야. 4. 모두 적용해볼까 jQuery Test 7. 회원가입 폼 만들고 validation ch..
15일차 6 - jQuery plug-in을 사용해 자동완성기능 구현 jQuery plug-in을 사용해 자동완성기능 구현 jQuery.com에서 다운받은 plugin(jquery.autocomplete)사용을 사용해서 자동완성기능을 구현하자. (현재 홈페이지는 공사중. 구글링하면 나와) WebContent밑에 jquerytest02폴더 만들고 다운받은 파일두개 가져다 놓고 /webdev/WebContent/jquerytest02/jquery.autocomplete.css /webdev/WebContent/jquerytest02/jquery.autocomplete.js suggestclient.html만들어 $(function(){ $('#example').autocomplete("suggestserver.jsp"); }); type이 plain이라 그냥 println으로..
15일차 7 - HTML5 HTML5 다양한 테스트를 위해 여러 브라우저를 설치해 테스트해보자. 먼저 Opera 이클립스에 등록해보자. 같은 방법으로 Chrome등을 등록해보자. HTML5만들어보자. (css-html-js폴더 만들었어) new->HTML /webdev/WebContent/css-html5-js/h00.html 이클립스에서 생성한 HTML5 엄청 간단해졌지.. HTML5 표준안이 올해 말 예정이나 아마 한참 오버할 듯. 비영리기구.. 그래서 브라우저마다 지원하는게 아직은 달라 그래서 여러 브라우저를 가지고 테스트 해보는게 좋아. 다음은 HTML5에서 새로 생긴 date 타입. 현재 지원하는 브라우저는 Opera뿐이야. 각각의 브라우저로 실행해봐. Explorer 9.0 Chrome Opera Safari 물론 Op..
14일차 4 - Spring, STS(SpringSouce Tool Suite) Download Sring Download http://www.springsource.org/ 접속 하단의 Spring Framework선택 우측 RELEASE SUMMARY 의 최신버전 Download선택 입력하던지 다운로드페이지로 바로가던지.. spring-framework-3.1.1.RELEASE-with-docs.zip 다운 spring-framework-3.0.2.RELEASE-dependencies.zip 다운 Spring 2와 Spring 3는 많이 달라.. Spring2 먼저 해볼거야.. spring-framework-2.5.6.SEC01-with-dependencies.zip 다운로드 springsource-tool-suite 도 받자. (eclipse를 spring에 맞게 최적화해 놓은 프로그램) 하단..
14일차 5 - Ajax (Naver 지도 Open API 사용해보기) Ajax Naver 로그인.. 키 발급받아서 메모장에 복사해놔.. 지도받아와서 뿌려보기 할 거야.. Ajax Web2.0 사용자 개인개인의 성향대로 페이지뷰도 해주면서 좀 더 인터렉티브하게 동작하는것. 사회학적으로 는 semantic web이라고 하고, 프로그래머들은 RIA(Rich Internet Applicaiton)이라는 개념으로 생각하지. 즉 클라이언트에서 웹에서도 일반어플리케이션처럼 나오게 하는 것. 이런 것을 구축하기 위해 필요한 기술 중 화면을 reflesh되지 않고 데이터를 받아오는 기술이 필요해.. 기존에도 explorer가 처음 나왔을 때부터 XMLHttpRequest클래스가 내장되어 있었어. 안 쓰고 있다가 2003년도쯤 모 디자이너가(개발자도 아니고) XMLHttpRequest를 써..

티스토리툴바