본문 바로가기
728x90
반응형

javascript71

[JAVASCRIPT/JQUERY] 문자열(string)관련 함수 var 문자열1 = "hello" var 문자열2 = "world" concat : 문자열 이어 붙이기 문자열1을 문자열2와 이어붙이는데 그 사이에 !를 넣어 붙인다. 문자열1.concat("!", 문자열2); >> 결과 hello!world indexOf : 주어진값과 일치하는 첫번째 인덱스 일치값이 없으면 -1 문자열1.indexOf("l"); >> 결과 2 replace : 문자열 교체하기 var p = 'hello Test Code hello Wolrd'; var regex = /hello/gi; console.log(p.replace(regex, 'change')); //정규식을 이용할경우 전체 문자열을 교체한다. /* >>결과 : change Test Code change Wolrd */ co.. 2019. 4. 16.
[JAVASCRIPT/JQUERY] 배열(Array)관련 함수 var 배열1 = ["1","2","3","12","13"]; var 배열2 = ["a","b","c"]; concat : 두개의 배열을 하나의 배열로 이어주는 함수 배열3 = 배열1.concat(배열2); >> 배열3의 결과 : ["1","2","3","12","13","a","b","c"] filter : 조건에 맞는 배열의 요소를 모아 새로운 배열로 만들어 반환한다. //filter에 사용할 조건함수 function filterFun(val) { return val >= 10; } 배열3 = 배열1.filter(filterFun); >> 배열3의 결과 : ["12","13"] find : 조건에 맞는 배열의 요소 중 첫번째 값을 반환한다. function filterFun(val) { return .. 2019. 4. 16.
[JAVASCRIPT/JQUERY] 그리드정렬 masonry 플러그인 높이가 다른 이미지 정렬하기(옵션값설정) https://masonry.desandro.com/ Masonry Install Download CDN Link directly to Masonry files on unpkg. Package managers Install with Bower: bower install masonry --save Install with npm: npm install masonry-layout Getting started HTML Include the Masonry .js file in your site. Masonry works on masonry.desandro.com 그리드 관련 플러그인 masonry를 이용해 높이가 다른 이미지를 정렬할 수 있습니다. $('.grid').masonry({ //grid 영역안에 있는 .. 2019. 4. 15.
[JAVASCRIPT/JQUERY] jqueryUI effect 사용하기 https://jqueryui.com/effect/ Effect | jQuery UI Effect Apply an animation effect to an element. Click the button above to show the effect. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 jqueryui.com jqueryUI effect를 이용해 입력창에 효과를 넣어봤습니다 . input text 영역에 아무것도 입력하지 않고 완료를 누를경우 오류를 보.. 2019. 4. 15.
728x90
반응형