반응형 Programing497 jqeury reset 초기화 버튼 이벤트 구현 jqeury reset 초기화 버튼 이벤트 구현 이번 포스팅에서는 jQuery를 활용하여 간단하게 초기화 버튼을 구현해 보도록 하겠습니다. #id selector 를 사용해 btn_reset 버튼을 클릭했을 때 폼의 값을 초기화하는 함수를 만들어 처리합니다. [코딩부] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 메일주소 전화번호 $(document).ready(function(){ //btn_reset 을 클릭했을때의 함수 $( "#btn_reset").click(function () { $( "#reset_test_form" ).each( function () { this.reset(); }); }); }); Colored by Color Scripter cs [설.. Programing/jQuery 2014. 4. 17. jQuery Selector 셀렉터 사용법 jQuery Selector 셀렉터 사용법 이번 포스팅에서는 jQuery의 기본 셀렉터에 대해서 알아보도록 하겠습니다. 셀렉터는 HTML DOM element 에 보다 쉽게 접근 할 수 있게 해주며 jQuery 에서 제공하는 막강한 기능의 적용도 쉽게 해줍니다. 그럼 jQuery 기본 셀렉터에는 어떤 것들이 있는지 알아보도록 하죠. 1. 모든 element 선택 [설명] HTML 문서 내에 존재하는 모든 요소를 선택. [사용법] &("*") [예] HTML DOM 내의 모든 요소의 테두리를 2px의 붉은 색으로 변경한다. 1 2 3 $(document).ready(function(){ $("*").css("border", "2px solid red"); }); Colored by Color Scripte.. Programing/jQuery 2014. 4. 17. jQuery each 에 대해 알아보자. 제이쿼리 반복문 jQuery for while jQuery each 에 대해 알아보자. 제이쿼리 반복문 jQuery for while 이번 포스팅은 jQuery 의 each function에 대해 알아보도록 하겠습니다. each 는 여타 다른 언어들의 for, while 문과 동일한 기능을 합니다. each는 실무에서 가장 많이 사용되는 jQuery function 중의 하나이므로 사용법을 확실하게 익혀두도록 합시다. each 문의 사용방법에는 구분이 필요합니다. DOM의 반복과 Array, Object의 반복. DOM의 반복은 $(selector).each(function() {} 의 형태로 사용되고 Array, Object의 반복은 $.each() 의 형태로 사용합니다. DOM의 반복부터 알아보도록 하죠. (예문은 jQuery API 활용 책을 .. Programing/jQuery 2014. 4. 17. HTML 글꼴 관련 태그 HTML 글꼴 관련 태그 이번 포스팅에서는 글꼴 관련 태그에 대해 알아보겠습니다. 우선 글꼴은 태그를 사용하구요 그 속성값에는 다음과 같은 것들이 있습니다. 기타 글 형태에 대한 태그도 알아보죠. 직접 코딩 해 보도록 하죠. 앞에서 말씀드린 대로 태그 내에서 태그를 사용하였구요 Color와 Size, Face를 활용하였습니다. 그리고 여기서 나온 태그는 줄바꿈(Enter) 태그 입니다. [Ctrl]+[b] 해볼까요? 결과는 위와 같습니다. 이외에도 다양한 글꼴태그가 있는데요 확인하고 넘어가도록 하겠습니다. 특수문자 표기에 대해서도 알아보겠습니다. 태그에서 사용되는 , "", space(공백)등을 표기할 수 있습니다. (  는 space(공백)입니다.) 직접 코딩해 보도록 하죠. [결과] Programing/HTML 2014. 4. 16. HTML 문단 관련 태그 HTML 문단 관련 태그 이번에는 문단 관련 태그에 대해 알아보도록 하겠습니다. 문단관련 태그에는 줄을 바꾼다던지, 문단을 나누는 것들이 있습니다. 그럼 문단관련 태그에는 무엇이 있는지 알아보겠습니다. 은 Enter와 같은 기능을 합니다. 부터 확인해 보도록 하죠. 태그 내에 작성하시면 됩니다. 위는 코딩 , 아래는 작성화면 입니다. =========================================================================================== =========================================================================================== 제목출력 태그를 쓰게되면 글씨 크기가 달라지는 .. Programing/HTML 2014. 4. 14. HTML 목록 태그 <ul>, <ol>, <li> HTML 목록 태그 , , 목록관련 태그에는 1. 순자형 목록과 (1,2,3...) 2. 비순차형 목록이 있습니다. 순차형목록은 123이나 ABC 와 같이 순서가 있는 목록을 말합니다. 태그로 표현할 수 있죠. 비순차형목록은 동그라미, 네모와 같이 순서가 없는 목록을 말하며 태그로 표현합니다. 그럼 사용법을 보도록 하죠. 의 블릿 종류에는 동그라미, 네모 등이 있습니다. 태그의 사용법은 대신에 을 넣어주시면 되구요 블릿에는 1, a, A, i, I 를 넣어주시면 됩니다. 하나만 해볼까요? Programing/HTML 2014. 4. 14. HTML 테이블 만들기 HTML 테이블 만들기 HTML에서 테이블을 만드는 방법.. 간단히 태그와 , 태그만 알고 있으면 됩니다. 그에따른 속성은 다음에 알아보기로 하구요. 아래는 테이블 코딩 입니다. =========================================================================================== 번호물품가격사진 1TUMI백팩580,000 2아이패드700,000 =========================================================================================== 아래는 결과입니다. 코딩을 보시면 태그를 사용하구요. 그 안에 , , 를 사용한 것을 알 수 있습니다. 코딩에 border=1 이라는 속성.. Programing/HTML 2014. 4. 14. jQuery 전체선택 해제 체크박스 이벤트 구현 방법 jQuery 전체선택 해제 체크박스 이벤트 구현 방법 [테이블 리스트 코딩부] 목록 지표 정보 단위 입력방식 설명 //데이터 불러오는 부분 (체크박스의 name 은 chkYn으로 한다.) 위와 같은 테이블 리스트가 있다고 하자. 붉은색으로 표시된 리스트 테이블 해드 상의 체크박스를 클릭하면 리스트 전체 선택/해제가 되도록 jQuery로 구현 해보자. 코드는 다음과 같다. [전체선택/해제 구현부] jQuery를 활용하여 전체선택/해제 체크박스를 구현해 보았다. 간단한 구문이지만 설명을 하자면 $("#check_all).click(){ // 전체선택/해제 체크박스를 클릭할 경우 if($('#check_all').is(':checked') == true){ // id가 chkeck_all인 element가 c.. Programing/jQuery 2014. 4. 14. $(document).ready() 와 웹페이지의 실행순서에 대해 알아보자. $(document).ready() 와 웹페이지의 실행순서에 대해 알아보자. [소개] $(document).ready() 는 jQuery를 사용할 때 가장 먼저 배워야 하는 것이다. 페이지 시작 시에 어떠한 이벤트를 발생시키려 하거나 버튼 클릭 등의 이벤트를 구현하려 할때 $(document).ready() function 안에 있는 것들을 불러오게 된다. [실행시점] $(document).ready()는 DOM (Document Object Model) 이 load 된 후에 즉시 실행 되게 된다. 참고1) document.ready() 와 window.load(), 의 실행 시점 $(document).ready() 와 는 개념상 동일 시점에서 실행된다.(DOM load후 즉시) jQuery API를 보.. Programing/jQuery 2014. 4. 14. jQuery 란 무엇인가? & jQuery 다운로드 jQuery 란 무엇인가? 위키백과의 말을 인용하자면 jquery 란 브라우저 호환성이 있는 HTML 속 자바스크립트 라이브러리라 한다. 그래..이건 그냥 정의다. jquery 가 뭔지 궁금한 사람들로써는 '그래서 뭔데?' 라는 말이 나올수 있다. 그냥 점점 복잡해지고 있는 자바스크립트 코드를 단순하고 간결하게 만들 수 있는 효율적인 '방법'으로 알고만 있자. 자바 웹을 보다보면 '$' 가 있는 코드를 볼 수 있을 것이다. 이곳이 jquery 가 사용된 곳이다. 그럼 jquery를 왜 쓸까? 이유는 간단하다. 상대적으로 쉽고 간단하니깐. 많은 사람들이 쓰는데는 다 이유가 있다. 예를 들어 html 소스들중 원하는 element를 가져올때 id는 '#', class는 '.' 만쓰면 된다. $("#id') .. Programing/jQuery 2014. 4. 14. JSONObject JSONArray 에 대한 이해 및 사용법 JSONObject JSONArray 에 대한 이해 및 사용법 이번 포스팅에서는 JSONObject 와 JSONArray에 대해서 알아보도록 하겠습니다. 우선 그 전에 JSON에 대해 알아보도록 하죠. JSON이란 Javascript Object Notation 의 약자입니다. 해석으로만 본다면 자바스크립트 객체 표기법, 간단히 얘기한다면 데이터를 표시하는 방법이라고 생각하면 됩니다. JSON의 두가지 기본구조가 JSONObject와 JSONArray 입니다. 이제 JSONObject와 JSONArray에 대해 알아보도록 하죠. 1. JSONObject - 기본구조 : {String name : Value, String name2 : Value2 ...} - 구조에 대한 설명 : JSONObject는 '.. Programing/JSON 2014. 3. 27. Eclipse 이클립스 SVN 설정 변경 방법. (URL 등) Eclipse 이클립스 SVN 설정 변경 방법. (URL 등) SVN 서버의 이전으로 IP 주소가 바뀌거나 기타 정보가 바뀌었을 때 수정하는 방법에 대해 포스팅 해보도록 하겠습니다. (참고로 이클립스 버젼은 Kepler Service Release 1 입니다.) 1. 상단 메뉴에서 Window - Show View - Other 을 선택합니다. 2. Show View 창이 나타나면 svn 을 입력합니다. 그럼 아래와 같이 필터가 걸리게 됩니다. SVN Repositories 를 선택합니다. 3. SVN Repositories 탭이 나타나면 등록된 SVN 에서 오른쪽 버튼을 클릭해 Location Properties를 선택합니다. 4. Edit Repository Location 창이 나타납니다. Gene.. Programing/JAVA 2014. 2. 25. 서버에 자바 프로젝트 연동하기 Eclipse, Tomcat 사용, war파일 만들기 서버에 자바 프로젝트 연동하기 Eclipse, Tomcat 사용, war파일 만들기 이번 포스팅은 서버에 이클립스 프로젝트를 톰캣을 이용해 연동하는 방법을 알아보도록 하겠습니다. 우선 대략적인 순서는 이렇습니다. 1. Java 설치. 2. Tomcat 설치. 3. Eclipse 에서 WAR file로 Export. 4. Tomcat 의 webapps 폴더에 WAR 파일 넣기. 5. Tomcat의 bin 폴더에 tomcat7.exe 실행. ( Tomcat에 config 폴더에 server.xml 수정.) 6. 웹 실행. 자바 설치 방법은 제 이전 포스팅을 참조해주시고(아래 클릭) 톰캣 설치 부터 시작을 하도록 하겠습니다. 1. 자바설치 방법 2. 톰캣 설치 아래 사이트로 이동합니다. http://tomca.. Programing/JAVA 2014. 1. 21. Eclipse Validation Skip 방법. 무한 validation 제거. Eclipse Validation Skip 방법. 무한 validation 제거. 이클립스로 프로젝트 작업을 하다보면 무한 validation이 걸려 굉장히 짜증나는 상황이 벌어진다. 1% 에서 더이상 진행이 없이 이클립스가 멈춘다. 결국 작업관리자를 켜야하는 상황이 벌어지니 그러기 전에 무한 validation이 걸리는 곳을 Skip해 버리자. 우선 아래와 같은 창이 나타난다. 처음엔 되겠지라는 마음가짐으로 30분 이상을 기다려봤지만... 결국 1%에서 어떠한 미동도 없다. 이제 이 짜증나는 상황을 제거해 보자. 우선 Project Explorer 에서 무한 validation이 일어나는 프로젝트의 Properties 로 들어간다. Properties창이 나타나면 JavaScript의 Source 탭으.. Programing/JAVA 2014. 1. 7. 이클립스 SVN 설정&프로젝트 내려받기 이클립스 SVN 설정&프로젝트 내려받기 이제 프로젝트를 진행하기에 앞서 버젼을 관리할 수있는 툴인 SVN을 설치하도록 하겠습니다. SVN이 뭔지 모르시는 분은 아래의 블로그를 참조해 주세요, http://blog.naver.com/sidoheba/110180349664 [SVN 설치 화면1] 메뉴에서 Help - Install New Sofware.. 로 들어갑니다. [SVN 설치 화면2] Install창이 나타나면 Work With에 http://subclipse.tigris.org/update_1.6.x/ 를 입력하고 Enter를 누릅니다. [SVN 설치 화면3] 검색된 것들 중에 Subclipse를 체크 하고 Next 버튼을 클릭합니다. [SVN 설치 화면4] Next 버튼을 클릭합니다. [SVN .. Programing/JAVA 2013. 12. 24. 이전 1 ··· 30 31 32 33 34 다음 💲 추천 글 반응형