자바스크립트

웹 개발에서 URL의 쿼리스트링을 통해 사용자로부터 데이터를 전달받는 경우가 많습니다. 쿼리스트링은 URL 주소 뒤에 붙는 key-value 쌍의 집합으로, 각각의 정보는 '&' 기호로 구분됩니다. 예를 들어 https://devit.koreacreatorfesta.com?&query1=aaa&query2=ㅁㅁㅁ&query3=333와 같은 형태의 URL에서 query1, query2, query3 등의 값을 자바스크립트로 어떻게 추출할 수 있을까요? 본문에서는 URLSearchParams 객체를 이용한 쿼리스트링 값의 추출 방법에 대해 설명드리겠습니다. 1. URLSearchParams 객체란? URL의 쿼리스트링을 쉽게 다룰 수 있도록 설계된 웹 API입니다. location.search를 인자로 받아..

Node.js에서 사용자로부터 입력 받은 문자열을 안전하게 HTML로 출력하기 위해서는 해당 문자열에서 특수 문자를 이스케이프 해야 합니다. 이는 XSS(크로스 사이트 스크립팅) 공격을 방지하기 위해 필요합니다. 1. 클라이언트 측에서의 처리 1.1. 특수문자 입력 허용 기본적으로 HTML의 input 요소는 특수문자를 포함한 모든 문자를 입력 받을 수 있습니다. 1.2. 입력 검증 JavaScript를 사용하여 사용자가 입력한 값에 대한 검증을 수행할 수 있습니다. 이때 특수문자가 있는지에 대한 정규식을 통해서 검색할 수 있습니다. 혹은 처럼 자바스크립트에서 이스케이프를 사용해서 특수문자를 변환해서 전송할 수 있습니다. 하지만, 클라이언트 측 검증만으로는 postman과 같은 툴로 강제로 데이터를 보내..

티스토리 블로그에서 발생하는 광고 문제를 해결하기 위한 자바스크립트에 대해 공유하려고 합니다. 티스토리 블로그를 운영하시는 분들 중에는 카카오 애드핏을 이용하여 광고를 노출시키는 경우가 있을 것입니다. 하지만 때로는 광고가 블로그의 디자인과 어울리지 않아 노출을 원치 않는 경우가 발생할 수 있습니다. 이런 경우, 자바스크립트를 활용하여 광고를 자동으로 삭제하는 방법을 알려드리겠습니다. 티스토리광고 카카오애드핏 자동으로 들어가는 문제발생 티스토리광고인 카카오애드핏 광고를 따로 넣지 않았는데, 글의 상단 혹은 하단에 자동으로 들어가고 있더라구요. 이는 의도한바가 없음에도 카카오에서 광고를 강제로 넣고 있는 상황입니다. 관련해서 작성했던 글은 아래의 링크를 참고하시면 됩니다. 티스토리자체광고수익반토막보기 ➔ ..

nodejs에서 배열을 사용하면서 A배열과 B배열의 값이 동일하게 변경되는 경우가 있다. 보통 배열 A = B로 선언해두고 사용할 때 그런일이 많이 발생한다. 그럴 땐 배열자체를 새롭게 복사해줘야 한다. function object_copy(src) { let coped_object= []; for(var i in src) { coped_object[i] = src[i]; } return coped_object; } 처럼 함수로 배열안에 데이터를 각각 직접 넣어줌으로써 배열을 복사한다. var A = ['a', 'b', 'c']; var B = object_copy(A); B[0] = 'd'; // A => a, b, c // B => d, b, c 와 같이 사용하면 된다.