No image

Dev/Frontend

[JQuery] Jquery link 제이쿼리 최신버전 링크 항상 사용!

맨날 구글링해서 찾기 불편해서 써두는 제이쿼리 최신버전 링크~   html 상단에다가 복붙하면 바로 사용가능하다

by DOMDOMI 2024. 6. 19.

No image

Dev/Frontend

[DataTables] ajax를 통해 동적 테이블 만든 뒤, CSV다운로드 가능하게 하는 방법

먼저 datatables cdn들을 임포트합니다. 자세한 다운로드 / cdn 임포트 방법은 아래 홈페이지를 참고하세요. https://datatables.net/download/ Download Download Compatibility A detailed compatibility table shows the browser's that DataTables supports and also which features of the extensions can be used with the other extensions. A few features may not always be fully compatible with every other aspect of datatables.net html에 동적으로 생성할 빈 ..

by DOMDOMI 2023. 11. 2.

No image

Dev/Frontend

[html/jquery] element repeater (add, remove)

원하는 구간만 계속해서 반복하여 복제하는 코드 html 이름 전화번호 추가 jquery/javscript 복제결과 !

by DOMDOMI 2022. 6. 14.

No image

Dev/Frontend

[오류해결] html element 복제(clone) 후 클릭이벤트가 정상적으로 호출되지 않는 오류

section 클래스를 가진 div에 clone_div 클래스를 가진 div를 복제하여 붙여넣었습니다. 하지만 여기서 오류가 등장.. 아래 클릭이벤트가 호출되지 않습니다. clone_div = $(".clone_div").clone(); $(".section").append(clone_div); $(".clone_div").click(function(){ .... }) 요 문제를 해결하기 위한 두가지 방법! 1. 아래와 같이 document가 생성된 후 클릭하면 호출되도록 변경합니다 $(document).on("click", ".clone_div", function(){ .... }) 2. 복제시 파라미터로 true를 넣어주면 됩니다 clone_div = $(".clone_div").clone(true)..

by DOMDOMI 2022. 6. 13.

No image

Dev/Frontend

[jquery] data-target으로 원하는 태그 컨트롤하기

data-target을 통해 원하는 div의 style.display를 변경하는 코드! 버튼을 클릭하여 원하는 태그 컨트롤 하기 컨트롤할 div

by DOMDOMI 2021. 11. 10.

No image

Dev/Frontend

[jquery/javascript] radio checked된 값 가져오기

1. javascript로 불러오기 document.querySelector('input[name="radioName"]:checked').value; 2. jquery로 불러오기 $("input[name='radioName']:checked").val();

by DOMDOMI 2021. 10. 12.

No image

Dev/Frontend

[jquery] ajax 비동기방식 호출하기

jquery에서 ajax로 request.GET, request.POST 호출하는 방법! $.ajax({ type : 'GET', //POST도 가능 url : 'domdom.tistory.com', //request URL data : {'message': 'hello? my name is domdomi!'}, // 파라미터 error : function(error) { //request URL 쪽에서 응답에러가 뜨는 등 에러가 났을 경우 console.log("에러띠.."); }, success : function(response) { //정상적으로 response를 받아온 경우 console.log(response); }, complete : function() { //ajax 호출이 끝난 후의 행..

by DOMDOMI 2021. 10. 12.

No image

Dev/Frontend

[jquery] select option 원하는 값 선택하기

1. value값을 알고 있고, 그 value값을 selected 하고 싶을 때 $("#selectBox_id").val("원하는값").prop("selected", true); 2. select box의 option 인덱스 순서를 알고 있고, 원하는 인덱스를 selected 하고 싶을 때 $("#selectBox_id option:eq(인덱스)").prop("selected", true);

by DOMDOMI 2021. 10. 12.

No image

Security/CTF

[Web] GS25 - 2021 CCE Quals CTF Writeup

최근에 javascript prototype pollution 문제를 hackthebox 에서 풀어본 기억이 있습니다. web 문제 중에서 very easy 난이도에 해당하는 gunship 문제가 이에 해당하는데요. 이와 유사한 문제로 CCE Quals 에서 출제된 것을 확인해서 올려봅니다. 제목은 GS25 인데, prototypee pollution으로 javascript를 서버(관리자페이지)에 보내서 세션을 탈취해오는 것이 목적인 문제였습니다. GS25 (285점) Client 단에서 jquery 3.1.1 버전을 사용하고 있었고 해당 버전에는 Javascript Prototype Pollution 취약점이 존재했습니다. 참고 : https://snyk.io/vuln/SNYK-JS-JQUERY-174..

by 알 수 없는 사용자 2021. 9. 29.

No image

Dev/Frontend

[오류해결] Uncaught ReferenceError: $ is not defined

Uncaught ReferenceError: $ is not defined 라고 하는 오류를 혹시 보신 적 있으신가요? 사실 제 입장에서는 이 오류를 언제 자주 발견하게 되나면, Reflected XSS 취약점을 발굴할 때 발견하곤 합니다. 그리고 웹 개발 시에도 보곤 하죠. 우선 이 오류의 원인부터 파악해겠습니다. hello 가장 주된 원인은 script 태그에 $ 기호를 사용했지만 jquery를 상단에 정의해주지 않았기 때문입니다. 만약 위의 jquery 스크립트 태그의 주석을 풀면 동작하겠지요. 그리고 물론 아래와 같이 $ 기호를 먼저 사용하고 jquery 스크립트를 하단에 삽입하여 순서에 따라 아직 정의되지 않은 $ 라는 jquery 문법을 사용하려다가 오류가 나는 케이스도 있겠습니다. hello..

by 알 수 없는 사용자 2021. 9. 1.