본문 바로가기

웹25

정규 표현식 정규표현식(regular Expression : regex) 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다. 문자열 패턴을 검색, 매칭하거나 변환하는 데 유용하며 다양한 문자열 작업에서 활용됩니다. 정규표현식 생성 1. 리터럴 표기 /정규 표현식 패턴/ / ~ / : 시작과 끝. ^ : 패턴의 시작. [ ] : 안의 문자를 찾음. [x-z] : x~z사이의 문자를 하나 찾음. [a-z] : 영문 소문자를 사용 [A-Z] : 영문 대문자를 사용 [가-힣] : 한글을 사용 x+ : x가 1번 이상 반복. x$ : x로 끝남. ^x : x로 시작. /d : 숫자. x{n} : x를 n번 반복한 문자를 찾음. x{n,m} : x를 n번이상 m번이하 반복한 문자를 찾음. \x : 예외처리('x를 포함하겠다'는.. 2023. 10. 29.
Node 메서드 1. 노드 메서드 (1) 노드 추가 (있는 애를 이동) appendChild() : 새로운 노드를 해당 노드의 자식 노드 리스트 맨 마지막에 추가 insertBefore(넣어줄애,기준점) : 새로운 노드를 특정 자식 노드 바로 앞에 추가 insertData(인덱스,넣을값) : 새로운 노드를 텍스트 데이터로 추가 (2) 노드 생성 (없던 애를 생성) createElement(요소명) : 새로운 요소 노드를 만듦 createAttribute() : 새로운 속성 노드를 만듦 createTextNode() : 새로운 텍스트 노드를 만듦 (3) 노드 제거 removeChild() : 자식 노드 리스트에서 특정 자식 노드를 제거, 노드가 제거되면 해당 노드를 반환. 노드가 제거될때 노드의 자식들도 다같이 제거 re.. 2023. 10. 29.
Form객체/Document 객체 등 1. Form 객체 자바스크립트에서 form 객체는 웹 페이지의 HTML 폼 엘리먼트를 다루는 데 사용되는 객체입니다. 폼 엘리먼트는 사용자로부터 입력을 받기 위한 요소로, 텍스트 입력 필드, 라디오 버튼, 체크 박스, 드롭다운 목록, 버튼 등을 포함할 수 있습니다. form 객체를 사용하여 폼 엘리먼트의 값을 읽고 제출할 수 있으며, 이를 통해 웹 페이지에서 사용자와 상호작용할 수 있습니다. 아이디: 비밀번호: const frm = document.myform; //document는 body .은 name const frm = document.forms['myform']; // 폼 name이 'myform' const frm = document.forms[0]; // 폼 중에서 첫번째 폼 const f.. 2023. 10. 29.
Interval, Timeout 함수 1. setTimeout() 일정 시간이 지난 후 매개변수로 제공된 함수를 실행 const 상수명 = function(){ 실행문; } const st = setTimeout(상수명, 밀리초); 2. clearTimeout() 일정 시간 후에 일어날 setTimeout()을 취소함 const hello = function(){ console.log('hello') } const st = setTimeout(hello,5000); clearTimeout(st); 3. setInterval() 일정 시간마다 매개변수로 제공된 함수를 실행 const hello = function() { console.log('안녕하세요.JavaScript') } const si = setInterval(hello, 3000).. 2023. 10. 28.
프로토타입/상속 1. 상속 상속은 객체 지향 프로그래밍의 핵심 개념 중 하나로, 기존 객체(부모 또는 슈퍼 클래스)의 속성과 메서드를 새로운 객체(자식 또는 서브 클래스)가 상속하고 확장하는 과정을 나타냅니다. 자바스크립트는 프로토타입 기반 언어이며, 상속은 프로토타입 체인을 통해 이루어집니다. 객체는 다른 객체의 프로토타입을 상속하며, 이를 통해 속성과 메서드를 공유합니다. 프로토타입(Prototype)은 자바스크립트 객체 지향 프로그래밍의 중요한 개념 중 하나로, 객체 간의 상속 및 속성 및 메서드 공유를 가능하게 하는 메커니즘입니다. 프로토타입(prototype) - 모든 객체는 프로토타입이라는 객체를 가지고 있음 - 모든 객체는 프로토타입으로부터 프로퍼티와 프로퍼티 메소드를 상속받음 - 모든 객체는 최소한 하나 .. 2023. 10. 28.
자바스크립트(배열/함수) 1. 배열(Array) 배열은 여러 값을 순서대로 저장할 수 있는 데이터 구조입니다. 배열은 원소(element)로 구성되며 각 원소는 고유한 인덱스를 가지고 있습니다. ( 배열을 구성하는 각각의 값을 배열요소라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스라고 합니다.) 배열은 여러 데이터 타입을 포함할 수 있으며, 배열의 크기는 동적으로 조정됩니다. 1. 배열 선언 let 배열명 2. 배열 초기화 배열명 = [요소1, 요소2, 요소3, 요소4 ...] 예) let arr; arr = [100, 200, 300]; const 배열명 = Array(요소1, 요소2, 요소3...) 3. 배열의 접근 let arr = [100, 200, 300] console.log(arr[0]) // 100 conso.. 2023. 10. 21.

티스토리툴바