I'm sw engineer!

민감한 정보 : 민감한 데이터(예: 비밀번호, 신용카드 번호, 개인 정보)를 처리하는 필드의 경우 보안을 강화하기 위해 브라우저가 값을 저장하고 자동으로 채우는 것을 방지할 수 있습니다. input type="password" autocomplete="off"> 동적 양식에서 자동 채우기 방지 : 동적 또는 반복 양식(단일 페이지 애플리케이션 또는 동적으로 추가된 필드가 있는 양식)으로 작업하는 경우 브라우저가 의도치 않은 곳에 잘못된 데이터를 자동 채우기하면 문제가 될 수 있습니다. 설정 autocomplete="off"하면 브라우저가 이전 양식 항목의 값을 자동 제안하지 않도록 할 수 있습니다.양식 동작 사용자 정의 : 사용자 정의 자동 완성 시스템이나 양식 필드 검증과 같은 일부 UX 시나리오의 경..

rel="noopener noreferrer"는 보안과 성능 측면에서 새 창을 열 때 사용하는 target="_blank" 속성의 단점을 보완하기 위한 속성입니다. 이 속성들은 주로 두 가지 역할을 합니다:1. noopener목적: 새 창이 부모 창에 접근할 수 없도록 만듭니다.설명: target="_blank"를 사용하면 새 창(또는 새 탭)이 열리는데, 이때 새로 열린 창이 window.opener 객체를 통해 부모 창에 접근할 수 있습니다. 악의적인 페이지가 이 기능을 악용하여 부모 창의 내용을 조작하거나 스크립트를 실행할 수 있습니다. rel="noopener"는 이런 상호작용을 방지하여 새 창이 부모 창에 접근할 수 없도록 막아줍니다.새 창에서 열기이렇게 설정하면 새 창은 참조 페이지에 대한 정..

https://dev-jwblog.tistory.com/82 [HTML, CSS] div 안에 텍스트가 범위 밖으로 나가는 현상 해결(자동 줄바끔 처리)간혹 HTML, JSP 화면을 개발하다가 div 태그 안에 width를 직접 정해주면, 텍스트가 자동으로 줄바꿈이 되지 못하고, div 영역 밖으로 텍스트가 벗어나는 경우가 발생한다. 1. 해결 해결 방법은 간단하dev-jwblog.tistory.com  해당  영역 안에 word-break: break-all 을 추가해주면 된다. => style

https://ziszini.tistory.com/34 [HTML] 연속된 공백 처리 방법들(ft. 띄어쓰기 방법)xml, jsp, html의 경우 연속된 공백을 하나의 공백으로 처리하는 성질이 있습니다. 때문에 공백 특수문자를 이용하여 연속된 공백을 처리해줄 수 있습니다. 아래의 예제는 위 빨간박스 영역의 ziszini.tistory.com  띄어쓰기 정도 순서 

https://bootstrap21.org/ko/docs/4.1/components/dropdowns/# 드롭다운 · 부트스트랩 한국어로 Source 드롭다운 부트스트랩 드롭다운 플러그인을 사용하여 링크 목록 등을 표시하기 위한 상황별 오버레이를 토글합니다. 드롭다운은 링크 목록 등을 표시하기 위한 토글 가능한 상황별 오버레 bootstrap21.org

https://www.tcpschool.com/html-tag-attrs/button-disabled 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com

https://developer.mozilla.org/ko/docs/Web/HTML/Element/video : 비디오 삽입 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 비디오 플레이백을 지원하는 미디어 플레이어를 문서에 삽입합니다. 오디오 콘텐츠에도 사용할 수 있으나, (en-US) 요소가 사용자 경험에 좀 더 적합합니다. developer.mozilla.org

https://mine-it-record.tistory.com/445 [HTML] 태그로 가볍게 특정 파일 다운로드 받기 (ft. download attribute) - tag download Attribute - 태그를 통해 간단하게 파일 다운로드 하는 방법에 대해 알아보자. 태그에는 download 라는 속성이 존재하는데 이는 href에 지정된 파일을 다운로드해주는 기능이다. 이렇듯 복 mine-it-record.tistory.com 1. 파일 이름 그대로 다운로드 2. 지정한 다른이름으로 다운로드

https://brunch.co.kr/@ultra0034/129 SVG 페비콘 사용하기 이제는 SVG기반 Favicon을 사용할 시기가 온거 같은데 현재 모든 최신 브라우저에서 지원되고 있습니다. 또한 프로젝트를 복붙하는 경우에도 아이콘 링크와 크기 정보가 필요하지는 않습니다. 그 brunch.co.kr

https://www.tcpschool.com/html-tags/link 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com https://developer.mozilla.org/ko/docs/Web/HTML/Element/link : 외부 리소스 연결 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 현재 문서와 외부 리소스의 관계를 명시합니다. 는 스타일 시트를 연결할 때 제일 많이 사용하지만, 사이트 아이콘("파비콘"과 홈 화면 아이콘) 연결 등 여러가지로 쓰일 수 developer.mozilla.org 태그는 해당 문서와 외부 소스(external resource) 사이의..