유블로그

배열 값 접근 var arr = ['a','b','c','d']; console.log(arr[1]); // 'b' var emptyArr = []; emptyArr[1] = 0; console.log(emptyArr); // [undefined, 0] console.log(emptyArr.length); // 2 var arr2 = ['zero']; arr2.push('one'); console.log(arr2); // ['zero', 'one'] emptyArr.length = 5; arr2.push('two'); console.log(arr2); // ['zero', 'one', undefined, undefined, undefined, 'two']; var obj = { '0': 'zero'; '..

자바스크립트의 모든 객체는 자신의 부모 역할을 하는 객체와 연결되어 있다. 자바의 상속 개념과 같이 부모 객체 프로퍼티를 사용할 수 있다. js에선 부모 객체를 '프로토타입' 이라고 한다. 객체 리터럴 방식으로 생성된 객체의 경우 Object.prototype 객체가 프로토타입 객체가 된다. ** 추가 예정

기본 타입 Number String Boolean undefined null 참조 타입 Object Array Function 정규표현식 1. 기본타입 1. 숫자 자바스크립트는 정수, 실수 등 모든 숫자를 실수로 처리한다. 64비트 부동 소수점 형태로 저장하기 때문이다. 때문에 java 에선 5/2 가 2 이지만 자바스크립트에선 2.5 로 나온다. 정수 부분만 구하려면 Math.floor() 함수를 사용하면 된다. 2. 문자열 자바스크립트의 문자열은 수정되지 않는다. var str = 'hello'; str[0] = 'H'; console.log(str);// 'hello' 3. null, undefined 값이 할당되지 않은 변수 = undefined 변수 자체의 값도 undefined undefine..

ECMA-262란 스크립트 언어를 표준화하기 위한 규격이다. 그 규격을 따른 언어가 ECMA Script이다. 자바스크립트는 ECMA Script의 표준 사양을 가장 잘 구현한 언어이다. https://www.ecma-international.org/publications-and-standards/standards/ecma-262/ ECMA-262 - Ecma International ECMAScript® 2020 language specification, 11th edition - ECMAScript is a programming language based on several technologies like JavaScript and JScript. www.ecma-international.org 이 ..

바닐라 js ( 순수 자바스크립트 ) jquery DOM 탐색 document.getElementById("div1"); document.getElementsByTagName("div")[0]; document.getElementsByName("div3")[0]; document.getElementsByClassName("div4")[0]; $("#div1"); $("div").eq(0); $("[name=div3]").eq(0); $(".div4").eq(0); 태그 내용 가져오기 document.getElementById("div1").innerHTML; document.getElementsByClassName("result")[0].innerText; $("div1").html(); $(".resu..

- 윈도우 객체는 웹 브라우저에서 작동하는 자바스크립트의 최상위 전역객체이다. - 윈도우 객체에는 브라우저와 관련된 여러 객체와 속성, 함수가 있다. - Frame, Location, History, Document 등의 객체를 가지고 있다. - 윈도우 객체 사용법 브라우저 알림창 alert("알림창입니다."); 브라우저 확인/취소 선택창 if(confirm("확인?")) { console.log("확인."); } else { console.log("취소."); } 브라우저 입력창 prompt("문자열 입력", "사용자입력"); 새 창 열기 window.open('./a.html', 'winname', 'width=300, height=200'); 창 닫기 window.close..

크로스 플랫폼을 지원하는 jQuery는 어떠한 브라우저에서도 동일하게 동작. 브라우저 호환성을 고려하여 대체코드를 작성할 필요가 없다. 네이티브 DOM API 보다 직관적이고 편리한 API 를 제공하여 개발 속도를 향상시킨다. Event 처리, Ajax, Animation 효과를 쉽게 사용할 수 있다. 다양한 effect 함수를 제공하여 동적인 페이지를 쉽게 구현할 수 있다. jquery 선택자는 DOM을 탐색하고, 다양한 메소드를 제공하는 래퍼세트(WrapperSet) 객체를 반환한다. 래퍼세트 객체는 메소드 체인을 제공하여 메소드 호출에서의 반복적인 코딩을 줄여준다. DOM 탐색 전에 웹브라우저에 문서가 모두 로드되어 있어야 한다.(document ready) - document ready 이후 처리..

1. 데이터타입 자료형 typeof 출력값 설명 숫자형 number 정수 또는 실수형 문자열형 string 문자, '' 혹은 "" 로 표기 boolean형 boolean true or false undefined undefined 변수가 선언 되었지만 초기화 안 된 상태 null object 값이 존재하지 않을 경우 - number 정수/실수 구분 없음 모든 숫자를 8byte의 실수 형태로 처리 특정 소수점 정확하게 표현하지 못함.(부동소수점 오류) - string 16비트 unicode 문자열 사용 char 없음. 한 글자도 문자열이다. '' 혹은 "" 로 사용가능. 혼용 불가 2. 상수 ECMAScript6 부터 const 가 추가되어 값을 변경하면 에러가 난다. 표기법은 모든 문자를 대문자로, 단어..