반응형

분류 전체보기 254

[jQuery(제이쿼리)] 형제 요소의 탐색 .siblings() .next() .prev()

jQuery(제이쿼리) 형제 요소의 탐색 DOM 트리에서 특정 요소의 형제(sibling) 요소 즉, 같은 선상에 있는 요소를 선택하기 위한 메소드는 다음과 같다. .siblings() 선택한 요소의 형제(sibling) 요소 중에서 지정한 선택자에 해당하는 요소를 모두 선택한다. .next() 선택한 요소의 바로 다음에 위치한 형제 요소를 선택한다. .nextAll() 선택한 요소의 다음에 위치한 형제 요소를 모두 선택한다. .nextUntil() 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택한다. .prev() 선택한 요소의 바로 이전에 위치한 형제 요소를 선택한다. .prevAll() 선택한 요소의 이전에 위치한 형제 요소를 모두 선택한다. .pre..

[자바스크립트] 배열 순서 거꾸로(뒤에서부터, 반대로) 출력하기

배열 순서 거꾸로(뒤에서부터, 반대로) 출력하기 배열을 뒤집을 일이 뭐가 있겠냐만은 혹시나 필요한 분들을 위해. reverse(); 를 사용합니다. 응용해서 사용해보세요~ let testReverse = new Array(); testReverse.push(1,2,3,4,5,6,7,8,9); console.log(testReverse); console.log('순서대로 출력 : ' + testReverse); console.log('거꾸로 출력 : ' + testReverse.reverse());

[자바스크립트] moment.js COUNTDOWN(카운트) 기능

moment.js COUNTDOWN(카운트) 기능 moment.js에는 COUNTDOWN기능도 있습니다. moment.js 다운로드 js를 다운 받아서 moment.js 로 저장. 아래와 같이 사용 let setTimeId; function startTimer(setTime) { // 타이머 중복 실행 방지로 기존 시작된 타이머를 리셋하여 점점 빨라지는 오류를 방지 clearInterval(setTimeId); let countDownDate = moment().add(setTime, 'seconds'); setTimeId = setInterval(function () { let diff = countDownDate.diff(moment()); if (diff

[자바스크립트] 날짜 포맷 함수(Date 포맷 함수)

날짜 포맷 함수(Date 포맷 함수) Date format javascript moment.js 플러그인을 쓰면 더 많은 기능들이 있습니다. 하지만 아래처럼 직접 공통된 js 파일에 선언하고 날짜 포맷만 사용하셔도 됩니다. // script Date.prototype.format = function(f) { if (!this.valueOf()) return " "; var weekName = ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"]; var d = this; return f.replace(/(yyyy|yy|MM|dd|E|hh|mm|ss|a\/p)/gi, function($1) { switch ($1) { case "yyyy": return d.getFull..

[jQuery(제이쿼리)] table td 또는 ul li 값 가져오기

제이쿼리로 table td 또는 ul li 값 가져오기 How to get the text value of td or li(html) 간단히 this 를 사용해서 가져옵니다. 아이디를 직접 정의하기 보다는 클래스로 정의해서 사용합니다. // html 값1 값2 값3 값4 여기1 여기2 여기3 여기4 // script $(".test-td td").click(function(){ console.log($(this).text()); }); $(".test-li li span").click(function(){ console.log($(this).text()); });

[자바스크립트] 아이디, 이메일 유효성 검사

자바스크립트로 아이디, 이메일 유효성 검사 아이디와 패스워드가 적합한지 검사하는 정규식 입니다. 이메일이 적합한지 검사하는 정규식 입니다. function validate() { // 아이디와 패스워드가 적합한지 검사할 정규식 // 4자~ 12자 사이 var regexIdAndPw = /^[a-zA-Z0-9]{4,12}$/ // 이메일이 적합한지 검사할 정규식 var regexEmail = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; var id = document.getElementById("id"); var pw = document.getElementById("pw"); var email = d..

[유닉스] 파일 아카이브 - .gz 파일, .zip 파일, .bz2 파일

gzip/gunzip gzip 명령으로 파일을 압축하여 .gz 파일을 생성할 수 있고, gzip 또는 gunzip 명령을 이용하여 압축을 풀 수 있다. 압축하기 : gzip 지정한 파일을 압축해 파일이름.gz 파일 생성 압축 효율이 좋음 형식 : gzip [옵션] 파일명 옵션 -d : 파일 압축을 해제 -l : 압축된 파일의 정보를 보여줌 -r : 하위 디렉토리로 이동하여 파일 압축 -t : 압축 파일 검사 -v : 압축 정보를 화면에 출력 -g : 최대한 압축 사용 예 gzip test1.txt gzip –v test2.txt test3.txt $ gzip test1.txt $ ls test1.* test1.txt.gz $ -d 옵션을 사용해 압축 파일 복원 가능 -l 옵션을 사용해 압축 파일에 대한 ..

[유닉스] 파일 압축하기(compress), 압축풀기(uncompress)

압축하기 : compress 파일을 압축 가장 오래된 압축 유틸리티 형식 : compress [옵션] 파일명 옵션 -f : 강제 압축 -c : 압축 결과를 화면에 출력 (.Z 파일은 생성이 안 됨) -V : 압축 정보를 화면에 출력 사용 예 : compress test1.txt $ compress test1.txt $ ls test1.* test1.txt.Z $ 사용 예 : compress –v test2.txt test3.txt $ compress –v test2.txt test3.txt test2.txt: -- replaced with test2.txt.Z Compression: 15.83% test3.txt: -- replaced with test3.txt.Z Compression: 15.83% $..

[유닉스] 파일 아카이브 - tar 파일, .Z 파일

파일 아카이브 아카이브 : 보관소, 저장소 파일 아카이브 : 파일을 묶어 하나로 만든 것 과거 : 여러 파일이나 디렉토리를 묶어 이동식 저장 장치에 보관하기 위해 사용되었음 다른 시스템과 파일을 주고받거나, 백업을 하기 위해 아카이브 파일 생성 기존 아카이브에서 파일을 추출 tar(tape archive) 파일과 디렉토리를 묶어 하나의 아카이브 파일 생성 형식 : tar 기능[옵션] [아카이브 파일] 파일명 기능 키 기능 키 앞에는 ‘–’ 기호를 사용하지 않아도 됨 옵션 옵션 사용시 기능키와 결합하여 사용하며, ‘–’ 기호를 사용하지 않아도 되지만, 인자값이 있는 옵션을 여러 개 지정하는 경우에는 – 기호를 사용해야 함 사용 예 tar cvf unix.tar Unix tar xvf unix.tar 아카이..

[유닉스] 파일 시스템 마운트 와 복구

파일 시스템 마운트 유닉스 시스템은 주변장치를 파일로 취급 마이크로소프트의 윈도우즈에서는 장치들이 시스템 부팅 시 자동으로 인식되거나, 새로 연결한 하드웨어도 PnP(Plug and Play) 기능에 의해 자동 인식됨 유닉스는 주변장치 사용을 위해 시스템 부팅 후 mount 명령을 이용해 수동으로 작업. 작업 후 umount시켜야 함 마운트 : 특정 장치를 특정 디렉토리처럼 사용하기 위해 장치와 디렉토리를 연결하는 작업 mount 명령의 일반 형식 -a 옵션은 /etc/fstab에 명시된 모든 파일 시스템을 마운트할 때 사용 -o 옵션은 특별한 옵션들을 지정할 때 사용 mount –a [-fnrvw] [-t 파일 시스템 타입] [-O optlist] mount [-fnrvw] [-o options] de..

반응형