Pichu Pokeball
본문 바로가기

전체 글105

jQuery 동적으로 요소 생성하기 정적 요소의 객체화: $("셀렉터")는 이미 안에 존재하는 요소에 대한 객체화 방식이다. 동적 요소의 객체화: let 객체이름=$("") 생성한 요소를 화면에 적용하기 A.html(B): A요소의 시작태그와 종료 태그 사이의 내용을 B로 대체한다. remove(): 해당 요소를 삭제한다. A.append(B): A에 B를 추가하다. 태그 사이의 내용을 그대로 유지하면서 B의 내용을 뒤에 추가한다. B.appendTo(A): B를 A에 추가하다. css("속성"): 속성값 읽기 css("속성","값"): 속성값 변경/ 추가 css({"속성1":"값1","속성2":"값2","속성3":"값3"): 속성값 읽기 addClass("클래스명"): 특정요소에게 CSS클래스를 적용할 겅우에 사용 removeClass(.. 2023. 6. 12.
타자 연습! 영어타자가 350타가 넘었다!! 처음에는 100타 정도 나왔었는데ㅋㅋㅋㅋ 의외인건 한글 타자보다 영타가 더 빠르다는 것이다...! 한글타자가 더 느리게 느껴지는 거라고 생각했는데 너무 차이가 난다.. 다음에는 한타가 300타 넘게 나오게하고 영타도 360타를 목표를 해봐야겠다! 2023. 6. 8.
DOM DOM(문서 객체 모델) //트리 구조 HTML과 XML 문서에 대한 구조적 정보를 제공하는 양식. 웹 문서(HTML)의 모든 요소를 객체 형식으로 표현한 것->문서 내 특정 요소에 접근하는 방법을 제공 문서 구조나 외양 및 내용을 바꿀 수 있도록 프로그램에서 접근할 수 있는 방법을 제공 자바스크립트를 이용하여 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는 방법 웹 문서를 하나의 객체로 정의, 모든 요소를 '객체'로 인식하고 처리 요소 노드, 텍스트 노드, 속성 노드, 주석노드 트리(계층구조) 노드, 루트, 부모노드, 자식 노드, 형제 노드 id선택자로 접근하는 getElementById()메서드//id 빼고 다 element에 s 요소명.getElementById(".. 2023. 6. 5.
객체 객체: 객체에 포함된 데이터 하나를 가리켜 객체의 프로퍼티라고 부른다. Object()생성자: 권장하지 않음, 코드가 간결한 객체 리터럴을 사용 객체 리터럴: let member = {name: "홍길동", email: "javauser1234@naver.com"}; //=이 아니라 (:)콜론, 프로퍼티들은 쉼표(,)로 구분-프로퍼티 접근: 프로퍼티 값에는 모든 데이터 타입의 값과 표현식을 대입할 수 있다. 변수에 대입된 객체 안의 프로퍼티 값을 읽거나 쓸 때는 마침표(.) 또는 대괄호([]), 객체에 없는 프로퍼티를 읽으려소 하면 undefined, 객체 리터럴 안에 어떠한 프로퍼티도 작성하지 않으면 빈 객체 생성 생성자 함수: 첫글자 대문자 ex) function Hobby ES6의 클래스 자바스크립.. 2023. 6. 2.
form 객체 form 객체 input, select, textarea, button.. 사용자에게 입력을 받기 위한 용도로 사용되는 HTML 태그 정규식: 특정한 규칙을 가진 문자열의 집합 다시 정규 표현식을 정리하면 다음과 같습니다. 정규 표현식(Regular Expression) 특정한 규칙을 가진 문자열 집합을 표현하는데 사용하는 형식 언어 정규 표현식을 이용하면 입력된 문자열에 대한 특정 조건 검색, 일치 여부 판단, 치환에 대한 조건문을 간단히 처리할 수 있다. 정의 방법 1.RegExp 객체를 이용한 생성 let 객체명= new RegExp ('정규 표현식' [, 'flag']) 2.정규 표현식 리터럴을 이용한 생성 let 객체명 = /정규표현식/ g: Global-문자열 내의 모든 패턴을 찾아준다. te.. 2023. 6. 1.
객체 Date 객체: 자바스크립트에서 날짜와 시간을 다루는데 사용되는 객체 컴퓨터의 시간과 날짜를 알아낼 수 있고, 특정 날짜 정보를 저장해 놓을 수도 있다. let 객체명 = new Date(); let 객체명 = new Date(년, 월-1, 일); getFullYear(), getMonth(), getTime()(날짜간격), getDay(),... 브라우저와 관련된 객체: 웹 브라우저와 관련된 모든 객체들의 집합 window, document, navigator, history, location, screen 브라우저의 창 제어 기능 toolbar, location, status, menubar, scrollbars, resizable, width, height window.close(): 창 닫기 do.. 2023. 5. 31.

티스토리툴바