본문 바로가기

웹/JavaScript11

JavaScript 심화 1. 기본 타입(Primitive Type)과 객체(Object Type) 기본 타입(Primitive Type) - 기본 타입은 값 자체를 저장하며, 불변(immutable)입니다. 이는 변수에 할당된 값이 변경되지 않는다는 의미입니다. - 주요 기본 타입: string, number, boolean, undefined, symbol, null, bigint 객체(Object Type) - 객체는 여러 속성과 메서드를 포함하는 복합 데이터 구조입니다. 이러한 속성은 키-값 쌍(key-value pairs)으로 구성됩니다. - 객체는 가변(mutable)하며, 속성을 추가, 수정, 삭제할 수 있습니다. [차이점] - 기본 타입은 값을 직접 저장하고 복사할 때 값 자체가 복사됩니다. 객체는 참조(refer.. 2023. 11. 6.
이벤트(Event) 1. 이벤트 자바스크립트에서 이벤트(event)는 사용자와 웹 페이지 간의 상호 작용을 처리하거나 웹 페이지의 상태 변화를 감지하는 데 사용됩니다. 이벤트는 특정 동작이나 조건이 충족될 때 발생하며, 자바스크립트를 사용하여 이벤트를 감지하고 처리할 수 있습니다. 자바스크립트는 비동기식 이벤트 중심의 프로그래밍 모델입니다. (동기식이면 이벤트가 발생하는 차례대로 처리, 비동기는 별도로 작업이 진행됨.) 모든 os에는 이벤트가 만들어 있지만 그 이벤트에 대한 프로그래밍을 해줘야 동작합니다. 자바스크립트에서 이벤트는 웹 애플리케이션을 상호 작용적이고 동적으로 만드는 데 핵심적인 역할을 합니다. 이벤트는 클릭, 마우스 이동, 키보드 입력, 데이터 전송, 타이머 및 기타 다양한 상황에서 발생할 수 있으며, 웹 페.. 2023. 10. 30.
정규 표현식 정규표현식(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.

티스토리툴바