리오의 일상

[JS] URL 에서 파라미터 추출 하는 방법(IE 포함 / +URLSearchParams ) 자바스크립트에서 url의 파라미터를 읽기/수정 등을 사용할 때 쓰는법 입니다. www.test.com?type=Name 이란 값에서 Name을 사용하기위한 예제들을 공유합니다. URLSearchParams 사용법1234567891011121314var search = location.search var params = new URLSearchParams(search); var getType= params.get('type'); console.log(getType);//Name //+스크립트 내부에서 바꾸는법//params.set('getType', 'ID');//url = params.toString();//c..

[JS] 현 위치의 URL 특정 파라미터값 가져오기 URL에 파라미터를 가지고오는 방법은 다양하지만 js 를 통하여 원하는 하나의 파라미터를 가지고 오는 방법을 공유하고자한다. 12345678var documentUrl = document.URL; var NdocumentUrl = new URL(documentUrl); var name = NdocumentUrl .searchParams.get("name"); //url에 있는 name이란 파라미터값을 가지고옴 console.log(name)// test 라는 값을 파라미터로 넘겼을 경우 test 라는 형태로 출력 Colored by Color Scriptercs

[JS] Json 형태인 Object 출력하는법 json 형태를 가진 변수 TestAA의 데이터를 보고싶은 경우가 있다.이것을 JS에서 다음과 같이 12alert(TestAA);console.log(TestAA);csalert, console.log 를 통해 안의 내용을 보고싶어하는데정작 내용은 [object Object] 라고 나온다.이방법을 해결하려면다음과같이 JSON.stringify를 이용하여아한다12alert(JSON.stringify(TestAA));console.log(JSON.stringify(TestAA));cs

[JS] XSS / CSRF 공격 가능성 막기_스크립트 게시물 검색 시 문이 안 먹히게 하는 방법입니다. 등의 항목들이 들어왔을 경우 태그를 문자열로 바꾸어 작동이 안되게 하는 방법이네요.▼예제/** * XSS 공격 방지에 대한 문자 변환을 한다. */ onGetEscapeXSS : function (inputText) { var targetText = inputText; if (targetText != '' ) { var source = ["&", "", "\"", "'", "/", "(", ")", "%", "-"]; var target = ["&","",""","&#39;","/","(",")","%","-"]; for(var i = 0; i < source.length; i++) { ta..

[JS] Javascirpt 를 이용한 각종 정규식_마스킹 방법 회원정보 및 개인정보등을 정규식으로 걸러내어 사용할경우가많다 보통 input 박스안에있는 데이터를 많이 사용하는데 이때에는 보통 유효성을 많이 체크한다. 이럴때도 사용가능하지만 이번엔 textarea 안에서 해당 값을 찾아내는법을 해볼까한다. match 를 이용하는법이다 아래 소스들을 참고하길 바란다. ▼Email 1234567891011121314151617181920212223 var OriginData = $OriginData.val(); var findMasking = "*";var ContentsData;var len; //email masking var emailsArray = OriginData.match(/([a-zA-Z0-9..

[jQuery] JSON JSONP 차이점 JSON ?1. JSON은 경량(Lightweight)의 DATA-교환 형식2. Javascript에서 객체를 만들 때 사용하는 표현식을 의미한다.3. JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용한다.4. 특정 언어에 종속되지 않으며, 대부분의 프로그래밍 언어에서 JSON 포맷의 데이터를 핸들링 할 수 있는 라이브러리를 제공한다JSONP ?1. CORS가 활성화 되기 이전의 데이터 요청 방법으로, 다른 도메인으로부터 데이터를 가져오기 위해 사용하는 방법입니다.2. 자바스크립트는 서로 다른 도메인에 대한 요청을 보안상 제한하는데, 이 정책은 Same-Origin Policy,..

[jQuery] Table 셀 병합 ( colspan / rowspan ) 하는법 테이블 결과값이 같을 경우 셀을 병합하여 보다 보기 편하게 사용할때 사용하는 방법이다 기존 다음과 같은표를 학년 반 이름 1 5 제니퍼 1 1 칼 2 5 존 ▼▼▼▼▼▼▼▼▼다음과 같이 변형 할때 사용하는 방법이다. 학년반이름 1 5 제니퍼 1 칼 2 5 존 팁*혹시 테이블 읽는데 시간이 걸려 병합되는과정이 보인다면 테이블을 히든처리한다음 병합후 보여주는 기능을 사용하면 좋을듯하다. ▼ Jquery 사용 예제 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465..

[JS] 중복 배열 제거 후 유니크값 가져오기 배열 요소 중에 중복되는 값을 제거하고 배열을 구하는 방법은 개인마다 다를수 있겠지만Stackoverflow 에서 공유되고있는 몇가지 방법이 정리된 글이 있어 공유하고자 합니다. jQuery를 사용한 빠르고 직접적인방법 http://api.jquery.com/jquery.unique/ jQuery 내장 로직을 이용하는 방법으로 퍼모먼스 저하가 없다면 직접 짜는것보다 편리함. 12345678 var names = ["Mike","Matt","Nancy","Adam","Jenny","Nancy","Carl"];var uniqueNames = []; $.each(names, function(i, el){ if($.inArray(el, uniqueNames) ===..

[jquery] 마우스 클릭시 화면이 나오는 툴팁(Tooltip) 툴팁을 사용하는 경우가 발생하였을때 참고하기 위하여 글을 작성해봅니다. 필자의 경우엔 해당 예제를 활용하여 테이블에 툴팁기능을 추가하였습니다. 해당 예제는 Html 단의 테스트를 클릭하면 작게 툴팁이 나오는 방식인데 이를 활용하여 테스트를 눌렀을때 테스트의 키값을 컨트롤러 단에 보내준다음 다시 popupLayer로 내용을 받아 뿌려주는 방식으로 진행하였습니다. 이는 아래예제를 활용한 하나의 예제 이니 예제를 보고 필요하신분들은 이용하시면 될듯합니다. ▼ Jquery 사용 예제 툴팁 사용예제 - HTML 1234567891011121314151617 테스트 테스트1 테스트3 X 클릭하였을때 나오는곳 Colored by Color Script..