본문 바로가기

분류 전체보기

[JavaScript]RegExp 정규 표현 객체 정규 표현 객체 생성 기본형 var 참조 변수 = new RegExp(패턴, 검색 옵션) var 참조 변수 = /패턴/검색 옵션 정규 표현 메서드 test() : 지정된 규칙에 맞는 단어가 있으면 true 값을 반환한다. exec() : 지정된 규칙에 맞는 단어가 있으면 해당 단어를 반환한다. //이름 reg1 = /^[가-힣]{2,5}$/; //휴대폰번호 reg2 = /^(010|016|011)\d{3,4}\d{4}$/; //이메일 reg3 = /^\w{5,12}@[a-z]{2,10}[\.][a-z]{2,3}[\.]?[a-z]{0,2}$/; 정규 표현 검색 옵션 종류 설명 * 0회 이상 일치하는 문자를 검사할 때 사용한다 + 1회 이상 일치하는 문자를 검사할 때 사용한다 i 찾는 문자가 영문일 경우 대..
Array 배열 splice(), slice(index1,index2) 메소드 splice() : 배열 객체의 지정 데이터를 삭제하고 그 구간에 새 데이터를 삽입할 수 있다. slice() : 배열 객체의 데이터 중 원하는 인덱스 구간 만큼 잘라서 배열 객체로 가져 온다. var str="hello javascript"; str.slice(3,7) :=> "lo j" var str = new Array("h", "e", "l", "l", "o", " ","j","a","v","a","s","c","r","i","p","t"); document.write(str.join("")," "); //hello javascript str.splice(0,5,"Hi"); document.write(str.join("")," "); //Hi javascript
자바스크립트에서 당장 사용해야 할 5가지의 배열 메소드들 배열 메소드 들중에.. 평소에 잘 사용하지 않지만, 사용하면 생산성이 많이 올라가는 메소드 들이다. 하지만 다시 리마인드 하는 의미로 정리하면, 도움이 될것 같다. 익숙한놈도 있고.. 초기에 JS 공부할때 알아뒀지만, 한번도 안써봤던,,(reduce) 같은 놈들은 다시 보니 어색 하기도 하고. 이번기회에 정리를 해보자 아래는 이 포스팅의 원문이 되는 블로그 http://colintoh.com/blog/5-array-methods-that-you-should-use-today?utm_source=javascriptweekly&utm_medium=email 1. 배열에서특정값이 있는지 찾을때는 indexOf를 사용해라 대부분의 배열에서 indexOf 를 사용 하지 않으면, for loop 를 돌려서 찾을수 ..
CSS 가운데(중앙) 정렬 콘텐츠를 가운데 정렬하는 일은 굉장히 빈번한 일입니다. 부모 혹은 자식 요소에 따라 이를 구현하는 방법이 상이하니 염두해 둡시다. 기본적인 내용 정렬 가운데 정렬을 알아보기 앞서, 가장 간단한 정렬방법을 알아봅니다. 내용 가로 정렬 내용을 같은 종결 블록 요소의 왼쪽, 중앙, 오른쪽, 양쪽에 정렬한다. CSS.align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-justify { text-align: justify; } 내용이 든 종결 블록 요소에만 적용된다. 인라인 요소에 적용되지 않으며, 구조 블록 요소에는 제대로 적용되지 않는다. 구조 블록 요소에 t..
Eclipse 에서 Open with broswer 단축키 설정 Scenario:Html css를 공부하던중 Eclipse 에서 Open with broswer를 하나하나 클릭하는게 너무 귀찮았다. Solution:단축키 설정을 통해 해결하였다. 1.Window->preferences->General->Web Browser로 간다. 2. 원하는 브라우저를 선택하시고 Edit를 누르시면 Location에 브라우저가 설치된 주소가 뜬다. 주소를 Ctrl+c로 복사해 놓자. 3. 좌측 그림의 아이콘을 클릭하고 목록 중 Exteranl~~ 을 누른다 4. 다음과 같은 창이 뜨면 처음에는 Program 목록에 아무것도 있지 않으나 더블클릭하시면 새로운 요소가 생성된다. 5.생성된 요소에 원하는 Name을 넣고 Location에 앞서 2번 설명에서 복사해 놓으신 주소를 가져다 ..
JSDT JQuery 설정 JSDT JQuery 설정방법입니다. 요즘블로그에는 이클립스 마켓플레이스를 통해 설치하는 편한방법이 있는데 그방법으로 안되시는분들을 위해 준비 했습니다. 저도 겨우겨우 찾았거든요... 그만큼 마켓플레이스로 들어가서 설치하는방법 밖에는 없더라구요 ... 마켓플레이스 접속안되는거..해결할방법있음 저도좀 가르쳐 주세요 흑흑;; ///////////////////////// 하는방법 소개입니다. 1. Help 들어가서 > install New SoftWare.... 들어갑니다 2. Add.. 선택하신다음에 Name 에는 Jquery 입력해주시고 Location 에는 http://svn.codespot.com/a/eclipselabs.org/jsdt-jquery/updatesite 이 주소 넣어주세요 3. 저는 ..
[이클립스 neon, java8, tomcat8.5 개발환경 구축법] [이클립스 neon, java8, tomcat8.5 개발환경 구축법] 1. JAVA 8 install 2. tomcat 8.5 압축 해제 3. 이클립스 neon에서 tomcat서버 등록 4. mavin 설정 - D:\dev\apache-maven-3.2.2\conf 폴더로 이동하여 settings.xml 열기 - 중간쯤에 주석처리된 localRepository란 부분을 찾아 D:\dev\apache-maven-3.2.2\repo 등록 - 이클립스 내에서 Maven 설정 . 상단의 window > Preference를 선택 . Maven > Global 및 User Settings를 선택 D:\dev\apache-maven-3.2.2\conf\settings.xml 등록 5. target 제외 - 상단의 ..
책 살 것 [컴퓨터/IT] 윈도우즈 API 정복. 제1권 [ 개정판 2판 | CD1장포함 ][컴퓨터/IT] 윈도우즈 API 정복. 제2권 [ 2판 ] 리버싱 핵심 원리http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&linkClass=&barcode=9788966260522 '리버스 엔지니어링 바이블' http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&linkClass=&barcode=9788998139728 토비의 스프링 3.1 세트 스프링의 이해와 원리 + 스프링의 기술과 선택 http://www.kyobobook.co.kr/product/detai..