JS 관련/JavaScript

[JavaScript] Object(오브젝트 / 객체)

객체의 구성 - 메서드 : 기능 정의 - 속성 : 객체 내부 데이터 - this : 객체 내부의 메서드나 속성을 정의할 때 사용 - 프로토타입 : 객체의 확장 클릭! 가장먼저 실행되면 위의 결과가 웹에 출력됩니다. ​ ​ 클릭버튼을 눌러오면 objectTest()함수를 호출합니다. function objectTest(){ // 객체 생성 var cls = new KCine(); alert(cls.name); alert(cls.name02); alert(cls.getName02); alert(myCine.name); myCine.print(); cls.printName(); } 이 함수에서 KCine()객체를 만들게 되고 cls라는 변수에 담습니다. 처음 alert명령에서 보면 KCine()함수에 있는 n..

[JavaScript] DOM(돔) 구조

DOM 탐색 메소드 1. 엘리먼트의 id로 탐색 : 엘리먼트 하나를 선택 (중복 불가) -> 반환값 : node 하나 2. 엘리먼트의 name으로 탐색 : 엘리먼트 여러개를 선택 -> 반환값 : nodeList 3. 엘리먼트의 태그이름으로 탐색 : 엘리먼트 여러개를 선택 -> 반환값 : nodeList 제일 먼저 실행시 이런 화면이 나옵니다. ​ ​ function searchId(){ var doc = document.getElementById("test"); //test라는 id를 가진 Node = 객체 doc.innerHTML = "id로 탐색합니다."; doc.style.color = "red"; } 1번을 클릭하면 위의 함수로 인해 텍스트가 바뀝니다! ​ ​ ​ function searchNam..

[JavaScript] rolling(롤링)을 이용한 그림 바꾸기

화살표도 이미지입니다! 제가 임의로 넣어 두었어요...! 이제 왼쪽 화살표를 누르면 이전이미지로 오른쪽 화살표를 누르면 다음이미지로 바뀌게 됩니다!

[JavaScript] 명시적함수, 익명함수, 리터럴함수, 아규먼트 속성, 클로저

함수!! 함수의 종류 명시적 함수 익명 함수 함수 리터럴 (리터럴 함수) args(arguments) 속성 클로저(내부함수) 오전강의 ​ ​ ​ ​

[JavaScript] WINDOW객체에서 제공하는 대화형 함수(alert / confirm / prompt)

window 객체에서 제공하는 대화형 함수 종류에는 alert(), confirm(), prompt()가 있다. alert()클릭! confirm()클릭! prompt()클릭!

[JavaScript] var변수의 사용 및 타입

자바스크립트에서는 var로 변수의 선언이 가능합니다. var 타입으로 변수를 선언하면 자바스크립트 내에서 타입을 알아서 인식하게 됩니다. 변수의 사용 변수 선언 규칙 1.대소문자 구분 2.영문, $, _로 시작 3.영문, $, _, 숫자를 포함 4.키워드나 예약어를 사용 불가 변수의 범위 1.전역변수 : window 객체에 포함되는 변수로, 다른 함수들에서 공용으로 사용 가능 (값이 유지됨) 확인 2.지역변수 : 함수나 객체 내부에 선언되고, 실행이 종료되면 사라짐 확인 변수의 선언과 저장 1.var 키워드를 사용하여 변수를 선언 2.변수의 타입은 저장되는 타입에 따라 결정 확인 타입의 종류 문자(string) 숫자(number) 논리(boolean) 널(Null) 객체(object) 함수

[JavaScript] 자바스크립트 선언 방식!

자바스크립트는 일반적으로 html파일 내 head영역에 선언됩니다. 자바스크립트 작성방식 3가지 inline 방식 내부 작성 방식 외부 링크 방식 (*.js)