개발/Javascript & HTML (6) 썸네일형 리스트형 [Html] 이미지 태그(img) src에서 403 Forbidden 에러 [Html] 이미지 태그(img) src에서 403 Forbidden 에러 1. 에러 발생 1) 아래와 같이 img 태그를 사용하여 외부의 이미지를 보여주고자 할때 에러가 발생한다 2) 에러의 내용은 '403 Forbidden', 당연히 이미지는 깨져서 보이지 않는다 2. 해결 1) 각각 이미지 태그에 직접 적용 - 'referrerpolicy' attribute를 'no-referrer'로 적용 2) meta 태그에 적용 - 각각 적용하지 않고 'head' 안에 아래 내용을 추가한다 3. 기타 1) 'referrer'는 요청을 보낸 페이지의 정보를 포함하고 있다 2) 위 해결과 같이 'no-referrer'를 사용하면 현재 페이지의 정보를 전송하지 않는다 3) no-referrer 외에 사용 할 수 있.. [JQuery] jqGrid 열 숨기기, 보이기 (컬럼 동적 표시) [JQuery] jqGrid 열 숨기기, 보이기 (컬럼 동적 표시) 1. 개요 1) jqGrid를 사용하는 중 컬럼을 동적으로 숨기고 보여줘야할 일이 생겼다 2) 사실은 이 블로그를 찾아올 필요도 없었다. 당연하게도 공식 사이트에서 제공하는 Wiki에 방법이 나온다 : http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods 3) 쭉 내리다보면 사용 가능한 아주 다양한 메소드들이 나오는데 필요한 부분은 아래와 같다 - 2번째에 나오는 Parameters를 보면 showCol에서는 꼭 복수개를 한번에 처리하기위한 배열 사용이 불가할 것 같지만 아주 잘 된다 2. 방법 - 위에서 이미 설명한 것 같지만 다시 한번 설명하자면 'hideCol', 'showCol'.. Javascript 정규식 html tag 제거 Javascript 정규식 html tag 제거 1. 정규 표현식을 이용하여 html 태그를 제거하는 방법 //HTML Tag가 포함된 문자열 var beforeString = "" + "" + "" + "" + "여기만 출력되면 정상" + "" + ""; //HTML Tag 제거 var afterString = beforeString.replace(/(]+)>)/ig,""); //HTML Tag 제거 후 출력 console.log(afterString); 위와 같이 html tag가 포함된 문자열이 있다 정규식을 이용하여 Javascript에서 html tag를 제외 후 문자열을 출력하였다 2. 결과 정상적으로 출력됨을 알 수 있다 Java 소스는 아래와 링크를 참고 자바 정규식 html 태그를 제외한.. [Javascript/Jquery] 클릭이벤트 강제 발생 (자바스크립트 or 제이쿼리) [Javascript/Jquery] 클릭이벤트 강제 발생 (자바스크립트 or 제이쿼리) - 피곤하다 만들고 싶은게 생겼다 1. 무엇을 만들고 싶었는가 - 버튼을 클릭하지 않아도 클릭이벤트를 강제로 발생시키고 싶었다 - Jquery로 만들고 싶었는데 Javascript로도 만들고 싶었다 2. 소스 - Html12버튼 Colored by Color Scriptercs - JQuery123//Jquery trigger$("#my-btn").trigger("click"); cs - Javascript12document.getElementById("my-btn")[0].click(); Colored by Color Scriptercs 3. 실행결과 - Jquery와 Javascript 로 작성한 소스 모두 동일하.. [Javascript] JSON String <-> Object 객체 문자열 변환 [Javascript] JSON String Object 객체 문자열 변환 - 피곤하다 변환하고 싶은게 생겼다 1. 무엇을 변환하고 싶었는가 - JSON 문자열을 객체로 (JSON String to Object) - JSON 객체를 문자열로 (JSON Object to String) 2. 소스 - JSON 문자열을 객체로123456//JSON 문자열 var jsonStr = "{\"name\":\"피곤한 개발자 피로그래머\",\"url\":\"http://niphyang.tistory.com\"}";var jsonObj = JSON.parse(jsonStr); //JSON 문자열을 객체로 변환 console.log(jsonObj); //로그 Colored by Color Scriptercs - JSON .. [Jquery] 클릭 이벤트 중복 방지 (unbind, bind) [Jquery] 클릭 이벤트 중복 방지 (unbind, bind) - 피곤하다 문제가 발생했다 1. 문제 발생 - 제이쿼리를 사용하여 클릭 이벤트를 발생시켰으나 이벤트가 중복해서 발생 2. 바보같은 행동 - 같은 엘리먼트에 중복해서 클릭 이벤트를 발생시킨 경우 그 수 만큼 중복 실행된다 - 현재 소스의 경우 alert dialog가 두번 출력된다 123456789//클릭이벤트 1$("#test-button1").click(function(){ alert("click event");});//클릭이벤트 2$("#test-button1").click(function(){ alert("click event");}); Colored by Color Scriptercs 3. 올바른 행동 - 마지막으로 설정한 이벤트.. 이전 1 다음
