본문 바로가기

웹개발관련/javascript 관련 정리

 (7)
j쿼리 객체함수, 이벤트 처리 함수 j쿼리 == 자바스크립트의 dom 객체를 쉽게 다루기 위한 라이브러리 기본적인 dom 객체 선언 방식 //j쿼리 사용한 자바스크립트 부분 let domclass = document.querySelector('.nameclass') //document element객체 let domclass2 = $('.nameclass') //j쿼리 객체 j쿼리 에서의 이벤트 적용 함수들 j쿼리 객체에서 바로 적용가능 click(): 클릭 이벤트를 처리합니다. dblclick(): 더블 클릭 이벤트를 처리합니다. mouseenter(): 마우스가 요소에 진입했을 때 이벤트를 처리합니다. mouseleave(): 마우스가 요소를 떠났을 때 이벤트를 처리합니다. mousedown(): 마우스 버튼이 눌러졌을 때 이벤트를 처..
자바스크립트 이벤트 처리 예시 이벤트 종류 이벤트 이름 설명 load 웹 페이지의 로드가 완료되었을 때 unload 웹 페이지가 언로드될 때(주로 새로운 페이지를 요청한 경우), 브라우저가 자바스크립트 오류를 만났거나 요청한 자원이 존재하지 않는 경우 error 브라우저가 자바스크립트 오류를 만났거나 요청한 자원이 존재하지 않는 경우 resize 브라우저 창의 크기를 조절했을 때 scroll 사용자가 페이지를 위아래로 스크롤할 때 select 텍스트를 선택했을 때 keydown 키를 누르고 있을 때 keyup 누르고 있던 키를 뗄 때 keypress 키를 누르고 뗏을 때 click 마우스 버튼을 클릭했을 때 dbclick 마우스 버튼을 더블 클릭했을 때 mousedown 마우스 버튼을 누르고 있을 때 mouseup 누르고 있던 마우스..
자바스크립트 function addNumWithArgs(){ let sum=0; console.log(arguments); for(let i=0;i
자바스크립트 Number객체 컨닝용 정리 Infinity – 양의 무한대를 의미하는 Infinity 값 – 음의 무한대를 의미하는 -Infinity 값 – Infinity 값은 사용자가 임의로 수정할 수 없는 읽기전용값 • NaN( isNaN() ) – NaN(Not A Number)는 숫자가 아니라는 의미 – 정의되지 않은 값이나 표현할 수 없는 값 – 0을 0으로 나누거나, 숫자로 변환할 수 없는 피연산자로산술 연산을 시도하는 경우에 반환되는 읽기 전용값 • Number 객체 – 숫자 값을 감싸고 있는 래퍼(wrapper) 객체 – 숫자는 보통 숫자 리터럴을 사용하여 표현 – 수를 나타낼 때 new 연산자를 사용하여 명시적으로Number 객체를 생성 가능 Number 객체 메서드들 parseFloat(string: string): numbe..
배열의 고차함수 정리 예시추가 예정 //배열 forEach문 구조 //리턴없음 const numbers=[1,2,3,4] let pows = []; numbers.forEach(function(item,index){return pows[index]=item**2}) // 같은 효과 numbers.forEach((item,index)=>{pows[index]=item**2}) console.log(pows) // [1, 4, 9, 16] (method) Array.forEach(callbackfn: (value: number, index: number, array: number[]) => void, thisArg?: any): void (method) Array.map(callbackfn: (value: any, index: number, ..
자바스크립트(JS)의 배열 사용 예시들 모음 나중에 내가 볼꺼임 const arr = [1, 2, 3, 4, 5, 6] // 3종류의 초기화방식 // const arr = Array(1, 2, 3, 4, 5, 6) // const arr = new Array(1, 2, 3, 4, 5, 6) const reference1 = arr // 배열의 주소(reference1)를 받음 const arr2 = Array.from(arr) // 배열의 값(Value)을 받음 arr2[0] = 5 // 배열을 객체 취급하므로 const일지라도 배열 요소들의 값은 바꿀수있다 // const reference1 = arr2 에러 arr[0] = 6 document.write(reference1) //[ 6, 2, 3, 4, 5, 6 ] document.write("..
JS document로 html 접근방식 기존 html내용1 기존 html내용2 기존 html내용3 기존 html내용4 document.write("기존 html내용5"); 기존 html내용6 /* item메소드 파라미터는 줄 인덱스 */ // 태그(요소)를 통한 선택 document.getElementsByTagName("li").item(0).innerHTML=" 태그로 선택"; // 아이디를 통한 선택 document.getElementById("findId").innerHTML="아이디로 선택"; // 클래스를 통한 선택 document.getElementsByClassName("findClass").item(0).innerHTML="class로 선택" // 이름을 통한 선택 document.getElementsByName("findNa..

티스토리툴바