728x90 분류 전체보기198 [HTML] form 태그 설명 및 예제 목 차1. form 태그 기본 구조2. form 태그의 주요 속성2-1. action2-2. method2-3. enctype2-4. target2-5. novalidate3. 폼 요소의 구성3-1. 입력 필드3-2. 버튼3-3. 드롭다운 메뉴3-4. 텍스트 영역4. 폼 데이터의 전송 흐름5. 폼 검증5-1. 기본 HTML5 검증5-2. 자바스크립트 커스텀 검증6. 고급 활용6-1. AJAX로 폼 데이터 전송6-2. multipart/form-data로 파일 업로드 1. form 태그 기본 구조 Submit 2. form 태그의 주요 속성2-1. action폼 데이터를 전송할 서버의 URL을 지정합니다.기본값: 현재 페이지 URL ... 2-2. method데이터를 전송하는 HTT.. 2024. 11. 24. [JavaScript] 자바스크립트 removeAttribute와 hasAttribute 설명 목 차1. removeAttribute 메서드와 hasAttribute 메서드란?2. removeAttribute2-1. 문법2-2. 특징2-3. 예제3. hasAttribute3-1. 문법3-2. 특징3-3. 예제 1. removeAttribute 메서드와 hasAttribute 메서드란?HTML 요소의 속성을 다룰 때, removeAttribute는 속성을 제거하고, hasAttribute는 특정 속성의 존재 여부를 확인하는 데 사용됩니다. 2. removeAttributeremoveAttribute는 HTML 요소에서 특정 속성을 제거합니다.2-1. 문법element.removeAttribute(attributeName); attributeName : 제거할 속성의 이름(문자열, 대소문자를 구분.. 2024. 11. 23. [JavaScript] 자바스크립트 getAttribute와 setAttribute 설명 목 차1. getAttribute 메서드와 setAttribute 메서드란?2. getAttribute2-1. 문법2-2. 특징2-3. 예제3. setAttribute3-1. 문법3-2. 특징3-3. 예제 1. getAttribute 메서드와 setAttribute 메서드란?JavaScript에서 getAttribute와 setAttribute 메서드는 HTML 요소의 속성(attribute)을 동적으로 읽거나 설정할 때 사용됩니다. 두 메서드는 HTML 문서의 DOM 요소와 상호작용하여 속성을 관리합니다. 2. getAttributegetAttribute는 HTML 요소의 특정 속성 값을 가져옵니다. 2-1. 문법element.getAttribute(attributeName); attributeNam.. 2024. 11. 22. [JavaScript] 자바스크립트 마우스 클릭 이벤트 목 차1. 마우스 클릭 이벤트란?2. 마우스 클릭 이벤트 종류2-1. mousedown2-2. mouseup2-3. click2-4. dblclick2-5. contextmenu 1. 마우스 클릭 이벤트란?JavaScript에서 마우스 클릭 이벤트는 사용자가 웹 페이지에서 마우스를 클릭했을 때 발생하는 이벤트입니다. 주로 click, mousedown, mouseup 등의 이벤트로 처리하며, 이벤트 핸들러를 사용해 특정 작업을 수행하도록 설정할 수 있습니다. 2. 마우스 클릭 이벤트 종류2-1. mousedown설명 : 마우스 버튼을 누르는 순간 발생합니다.특징 : 클릭 후 버튼을 떼기 전에 발생합니다. (마우스 버튼을 눌러서 내려간 상태를 의미합니다.)document.addEventListener('.. 2024. 11. 21. [JavaScript] DOM 요소 선택 메서드 목 차1. DOM 선택 메서드 종류2. DOM 선택 메서드 설명2-1. document.getElementById2-2. document.getElementsByClassName2-3. document.getElementsByTagName2-4. document.querySelector2-5. document.querySelectorAll 1. DOM 선택 메서드 종류메서드설명반환값getElementById특정 ID를 가진 첫 번째 요소를 선택단일 요소getElementsByClassName특정 클래스를 가진 모든 요소를 선택HTMLCollection (유사 배열)getElementsByTagName특정 태그 이름을 가진 모든 요소를 선택HTMLCollection (유사 배열)querySelectorCS.. 2024. 11. 20. [HTML] 이스케이프 문자 작성표 목 차1. 왜 html 이스케이프 문자가 필요한가?2. 이스케이프 문자 작성법3. 이스케이프 문자 목록3-1. 기본 특수 문자3-2. 공백 및 레이아웃3-3. 문장 부호3-4. 화폐 기호3-5. 수학 기호3-6. 화살표 기호3-7. 기타 기호3-8. 유니코드 문자 포함 1. 왜 html 이스케이프 문자가 필요한가?HTML은 구조화된 마크업 언어이기 때문에 특정 문자가 HTML 태그로 해석될 수 있습니다.특수 문자를 안전하게 출력하려면 이스케이프 문자가 필요합니다. 2. 이스케이프 문자 작성법named Entities (이름 엔티티) : 특정 이름으로 정의된 엔티티를 사용합니다.numeric Entities (숫자 엔티티) : 특정 문자의 유니코드 값을 10진수로 나타냅니다.haxadecimal Enti.. 2024. 11. 19. 이전 1 ··· 13 14 15 16 17 18 19 ··· 33 다음 728x90