본문 바로가기

JavaScript&JQuery

 (31)
자바 스크립트의 객체 객체 자바스크립트는 객체 기반의 언어이며, 객체는 기능과 속성을 가진다. 또한 변수에 메모리를 할당하면 객체가 된다. 직접 자료형 타입에 맞춰 객체를 생성할 수 있고 속성도 생성할수 있다. 1) 객체.메서드(); - 객체의 메서드를 실행한다. 2) 객체.속성; - 객체의 속성값을 가져온다. 3) 객체.속성=값; - 객체의 속성값을 변경한다. ▶ 객체란? 1. 자바스크립트 객체는 {} 형태로 선언이 가능하다. 2. 자바스크립트의 객체의 속성은 {키:값} 으로 이루어진다. 3. 객체의 값에는 함수, 객체, 배열, 문자열, 숫자 등 모든 데이터를 포함 할 수 있다 4. 객체의 속성은(속성의 값 기준) 데이터 값을 이야기 하며, 메소드는 속성이 함수 일 때 이야기 한다. - 기본 자료형 혹은 내장 객체의 값으로..
자바스크립트의 함수 함수 선언및 호출 코드를 만들어서 저장한 다음, 필요할 때 실행해서 사용하기 위한 것. ▶ 함수 선언 - function이라는 키워드를 사용한다. 함수정의문 : 함수를 사용하여 코드를 저장하는 것. ① 기본함수 기본적인 함수선언 방법이다. function myFn(){} ② 익명함수 익명함수는 함수명 없이 참조변수에 함수를 할당한다. var myFn = function(){} ▶ 함수 실행(호출) 함수 실행시 함수명 또는 변수명을 입력하면 함수가 한번 실행된다. ① 함수 실행시 외부함수 실행 ② 함수의 내부에서 함수를 선언하여 간접실행 ③ 재귀함수 실행 - 함수를 자기 자신 안에서 실행 break를 걸어주지 않으면 계속 실행하는 무한루트를 타게된다. 함수 인수와 매개변수 함수 실행시 인수값을 넣어 함수 ..
자바스크립트의 배열 배열 배열 : 하나의 저장소에 여러개의 데이터를 저장하기 위한 객체. - 배열 객체 생성시 배열에 관련된 메서드 및 속성을 사용 할 수 있다. - 배열에 데이터 저장될시 인덱스라는 주소가 할당되어 저장이 된다. >>자바와 자바 스크립트의 배열 선언은 조금 다르다. 별도로 외워야 한다. ▶ 배열 선언 배열 객체 데이터 저장하기 ① new 연산자를 쓴다 var 참조변수 =new Array(값1,값2,값3,,,,); ② 대괄호[]를 쓴다 var 참조변수=[값1,값2,값3,,,,); 다음은 자바 스크립트의 기본 배열 선언방법 4가지 이다. - 기본 배열 선언 방법 var arr = new Array(); - 기본 배열 선언 방법 2 var arr = []; - 배열을 객체화 하면서 값을 넣는 방식 var arr..
자바스크립트의 제어문 제어문 반복문의 유효 범위를 { } 스코프 라고 한다. 스코프 안쪽에서 변수 선언시 스코프 밖에서 사용할수 없으며, 스코프 밖에서 선언한 변수는 스코프 안쪽에서도 사용할수 있다. ▶ 조건문 if~else 조건을 만족할경우 (true)와 만족하지 못할경우(false)에 따라 실행되는 코드가 달라진다. >> if가 true일 경우 문장 2를 실행하고, false일 경우 문장3을 실행한다. ▶ 선택문 switch switch 문 안의 식을 판단하여 case뒤의 값과 일치하면 그 뒤으 문장으로부터 break 사이의 문장을 실행한다. 만약 case뒤의 일치하는 문장이 없다면 default와 break 사이의 모든 문장을 실행한다. ▶ 반복문 - while while - 조건식이 true일 경우 반복 실행 var ..
JavaScript 연산자 자바스크립트 연산자의 종류 ▶ 산술 연산자 2개 이상의 연산 데이터를 산술 연산자로 연산하여 하나의 데이터를 얻는다. 종류 설명 + 더하기 - 빼기 * 곱하기 / 나누기 % 나머지 ▶ 문자열 연산자 (문자 결합 연산자) 여러 개의 문자를 하나의 문자형 데이터로 결합할 때 사용한다. 문자와 숫자를 나열하여 출력하면 두개의 각각의 데이터가 출력되고, 문자와 숫자를 연결하여 출력하면 하나의 문자형 데이터로 출력된다. ▶ 대입 연산자 데이터를 변수에 저장할 때 사용한다. 종류 설명 A = B A = B A += B A = A + B A -= B A = A - B A *= B A = A * B A /= B A = A / B A %= B A = A % B 연산자 뒤의 데이터를 앞에 선언한 변수에 저장한다. ▶ 증감..
JavaScript 변수 변수 선언 ▶ 객체 - 객체란 대상을 말한다. - 자바스크리트에서의 객체란 메모리에 등록된 대상을이야기 한다. 메모리에 등록하는 방법은 변수 선, 생성자 선언 등 ▶ 변수선언 (키워드 var, let, const) - var , let : 변수 선언 - const : 상수 선언시(변하지 않는 값) 변수의 타입이 존재하지 않는다. 오직 키워드로만 선언. ▶ 변수선언시 주의사항 1. 한글 사용불가. 2. 숫자가 첫글자로 오는 변수명은 사용 불가. 3. 특수문자는 일부만 사용가능($,_) 4. 예약어 사용불가. (프로그램에서 자체적으로 사용하는 변수명 혹은 키워드) ▶ 변수선언, 데이터 할당 자바 스크립트는 값에 의해서 참조타입이 변하게 된다. box라는 명칭으로 메모리 공간을 할당 ▶ 변수의 자료형 자료형 ..
JavaScript 란 ? 자바 스크립트의 선언 ▶ 자바스크립트의 선언 방법 script 태그로 자바스크립트의 시작을 알린다. ▶ 자바스크립트 주석처리 자바와 주석처리 동일하다. 자바스크립트 코드 작성 ▶ 자바스크립트 코드 작성시 주의사항 1. 대소문자를 구분하여 작성한다. 2. 자바스크립트의 문장 종료는 세미콜론(;)으로 한다. 3. 자바스크립트의 문장은 한줄씩 작성하는 것이 가독성에 좋다. 4. 문자작성시 큰따옴표와 작은따옴표의 겹침오류를 주의해야 한다. 5. 괄호를 열면 괄호를 닫아 줘야 한다. ▶ document document 는 문서 객체를 말한다. document 객체에는 브라우저 내장함수, 외장함수, 문서태그 등 각종 정보들이 담아져 있다.

티스토리툴바