분류 전체보기 47

[취약점]target="_blank"을 사용하여 외부 앵커를 여는 사이트

요소에서 target="_blank" 사용 시 보안상 취약점 발생 noopener/noreferrer nooperner(노오프너) - 링크된 페이지에서 window.opener을 사용해서 링크를 건 페이지를 참조할 수 없게 됨 - 신뢰할 수 없는 페이지로 이동하는 링크를 부득이하게 만들어야 할 때 사용 ​ noreferrer(노리퍼러) - 링크를 건 페이지의 주소 등의 정보를 브라우저가 Referer: HTTP 헤더로 리퍼러(referer 또는 referrer)로서 송신하지 않음 ​ rel = noopener noreferrer - rel 속성은 링크된 페이지(href="연결할 페이지의 URL")와의 관계(relationship) - 공백으로 구분해서 관계 목록을 나열하여 지정할 수 있음 ​​ ​ 일반적..

ETC 2023.04.11

브라우저 자동 완성 기능 해제

autocomplete 특성은 텍스트와 숫자를 허용하는 , , , 요소에 사용 가능 ​ 자동완성으로 제안할 값의 출처는 대개 브라우저가 선택합니다. 사전 정의된 값을 사용할 수도 있으나 보통 과거에 사용자가 입력했던 값을 사용합니다. 예를 들어 사용자가 입력한 이름, 주소, 전화번호, 이메일 주소를 브라우저에 저장할 방법을 제공하기도 하고, 신용카드 정보를 미리 암호화해 저장하고 인증절차 후 자동완성 값으로 쓸 수도 있습니다. 출처 : https://developer.mozilla.org/ko/docs/Web/HTML/Attributes/autocomplete HTML autocomplete 특성 - HTML: Hypertext Markup Language | MDN autocomplete 특성을 사용하..

ETC 2023.04.11

정규식/정규표현식

특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어 정규 표현식은 많은 텍스트 편집기와 프로그래밍 언어에서 문자열의 검색과 치환을 위해 지원하고 있으며, 특히 펄과 Tcl은 언어 자체에 강력한 정규 표현식을 구현하고 있다. (이건 무슨말인지 모르겠다.) 출처 : 위키백과 ​ 보통 내가 사용했던 예제는 핸드폰이나 이메일 주소 패턴 검사 형태나 소스 코드 변경 정도.. 정규식 테스트 사이트 https://regexr.com/ RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). regexr.com 사용방법 "^The": "The"..

ETC 2023.04.11

컴퓨터 백업, 자료 데이터 백업 방법

컴퓨터 포맷 전이나, 본체 이동으로 인한 컴퓨터 백업 방법 백업 목록 1. 내 PC > 문서/동영상/사진/음악 등 - C:\Users\사용자 계정\Documents - 문서 > 메신저 파일(네이트온 등), 카카오톡으로 받은 파일 ​ 2. 내 PC > 다운로드 (외 다운로드 저장하는 지정된 경로) ​ 3. 바탕화면 폴더 추가 백업/삭제/동기화 할 목록 1. 컴퓨터에 설치된 필요한 프로그램 목록 캡쳐(용량이 크기 때문에 다운로드X) ​2. 공인인증서 백업 - C:\Users\사용자 계정\AppData\LocalLow\NPKI 3. 스티커 메모장 백업 - C:\Users\사용자 계정\AppData\Local\Packages\Microsoft.MicrosoftStickyNotes_8wekyb3d8bbwe\Loc..

ETC 2023.04.11

jQuery 페이지 이동 시 class 유지

클릭 시 addClass/removeClass로 클래스를 추가했다 제거했다 하면서 색상을 변경하는데 페이지 이동이 들어간 경우에는 페이지가 이동하면서 추가한 클래스가 없어져버리는 현상이 발생 ​ 간단하게 생각하면 홈페이지 메뉴도 페이지 이동이 되면서 메뉴의 색상이 그대로 유지되는거긴 하다 php에서 주소확인 후 class를 주는 방법도 있다고는 하나 아직 구현해보진 못했고 (많은 페이지 이동시에는 이 방법을 써야할 듯..?) 일단 스크립트로 했으니.. HTML active Active2 Active3 jQuery jQuery(function ($) { $("ul a").click(function(e) { var link = $(this); var item = link.parent("li"); if (it..

JavaScript 2023.04.11

datepicker 오늘 날짜 이후 부터 활성화

datepicker에서 오늘 이전으로 지난 날짜는 비활성화 하고, 오늘 이후의 날짜만 활성화 시키고 싶을 때 소스코드 $(".datepicker").datepicker({ minDate:0; inline: ture, dateFormat: 'yy-mm-dd', showOn: "focus", show: "blind", showOptions: {direction: 'horizontal'}, duration: 200 }); minDate: 0 을 추가 ​ * 오늘 날짜까지 비활성화 시킬 때 minDate:"+1d" * 오늘 날짜로부터 4일 이후까지 비활성화 시킬 때 minDate:"+4d" 적용화면

JavaScript 2023.04.11