본문 바로가기
반응형

전체 글209

[JavaScript] select()와 setSelectionRange() 메서드 목 차1. select 메서드와 setSelectionRange 메서드란?2. select 메서드2-1. 설명2-2. 문법2-3. 특징2-4. 예제3. setSelectionRange 메서드3-1. 설명3-2. 문법3-3. 특징3-4. 예제4. select 메서드와 setSelectionRange 메서드의 비교5. 고급 활용5-1. 텍스트를 추가 입력 시 특정 범위 강조하기5-2. 입력 필드에 텍스트를 자동 삽입 후 선택하기5-3. 사용자가 선택한 영역 가져오기 1. select 메서드와 setSelectionRange 메서드란?JavaScript의 select와 setSelectionRange 메서드는 입력 필드( 또는 )에서 사용자가 선택한 텍스트를 조작하거나 특정 범위를 설정하는 데 사용됩니다. 이.. 2024. 11. 25.
[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.
[JavaScript] 자바스크립트 이스케이프 문자 정리 목 차1. 이스케이프 문자란? (escape)2. 이스케이프 문자 종류2-1. 줄바꿈 (\n)2-2. 탭 (\t)2-3. 백슬래쉬 (\\)2-4. 작은 따옴표 (\')2-5. 큰 따옴표 (\")2-6. 캐리지 리턴 (\r)2-7. 유니코드 (\uXXXX)2-8. 유니코드 코드포인트 (\u{X})2-9. 널 문자 (\0)2-10. 백스페이스 (\b) 1. 이스케이프 문자란? (escape)JavaScript에서 이스케이프(escape) 문자는 문자열 내에서 특별한 문자를 표현하거나 특정 동작을 수행할 때 사용됩니다. 이러한 이스케이프 문자는 백슬래시(\)를 사용하여 시작하며, 뒤에 오는 문자와 결합하여 특정한 의미를 가집니다.  2. 이스케이프 문자 종류2-1. 줄바꿈 (\n)새로운 줄로 이동합니다.con.. 2024. 11. 18.
[JavaScript] 자바스크립트 연산자 정리표 목 차1. 산술 연산자2. 대입 연산자3. 비교 연산자4. 논리 연산자5. 비트 연산자 1. 산술 연산자숫자 연산시에 사용되는 연산자입니다.연산자설명예시결과+덧셈5+27-뺄셈5-23*곱셈5*210/나눗셈5/22.5%나머지5%21**거듭제곱5**225++1씩 증가let a = 1; a++;2--1씩 감소let a = 1; a--;0  2. 대입 연산자변수에 값을 대입하거나 계산 후에 대입합니다.연산자설명예시결과=값 할당x = 10x = 10+=더한 후 할당let x = 10; x += 5;x = 15-=뺀 후 할당let x = 10; x -= 5;x = 5*=곱한 후 할당let x = 2; x *= 5;x = 10/=나눈 후 할당let x = 10; x /= 5;x = 2%=나머지를 구한 후 할당let x.. 2024. 11. 17.
[JavaScript] 자바스크립트 절대값 구하기 (abs함수) 목 차1. abs() 함수란?2. 문법3. 사용 예제3-1. 기본 사용3-2. 숫자로 변환 가능한 값3-3. 숫자로 변환 불가능한 값 1. abs() 함수란?JavaScript의 abs() 함수는 주어진 숫자의 절대값을 반환합니다.절대값은 숫자의 크기를 나타내며, 양수는 그대로 유지되고 음수는 양수로 변환됩니다.  2. 문법Math.abs(x)x는 절대값을 구하려는 숫자입니다.숫자가 아닌 값을 변환하려고 하면 숫자로 변환하려고 합니다.변환이 불가능할 경우 NaN을 반환합니다.반환값 : x의 절대값(양수)을 반환합니다.  3. 사용 예제3-1. 기본 사용console.log(Math.abs(5)); // 5console.log(Math.abs(-5)); // 5console.log(Math.abs.. 2024. 11. 16.
반응형

티스토리툴바