![]()
객체(object) 1. 객체(object) - 이름과 값으로 구성된 프로퍼티(property)의 정렬되지 않은 집합 ※ 프로퍼티(property) : 필드(데이터 멤버)와 메소드 간 기능의 중간인 클래스 멤버의 특수한 유형 2. 객체 생성 - var 변수명 = { } - { }는 객체를 변수 외부에 생성하고 주소값을 리턴한다는 의미 - 즉 변수에는 객체가 아닌 주소값이 저장됨 - 변수명.프로퍼티명 = 프로퍼티값 - 주소값을 이용해서 실체(객체)에 접근하여 프로퍼티를 만들고 값을 넣음 // Example 1 // 객체 생성 var 사람1 = {}; // 값을 넣음 사람1.이름 = '홍길동'; 사람1.나이 = '21'; // 출력 console.log('사람1 이름 : ' + 사람1.이름); // 사람1 ..
![]()
배열(array) 1. 배열(array) - 배열이란? 같은 타입의 변수들로 이루어진 유한 집합을 뜻함 - Javascript에선 다른 언어와 달리 데이터 타입이 서로 다를 수 있고, 배열의 크기는 동적으로 변경 가능함 2. 배열 생성 방법 - 배열 생성 방법은 크게 두가지로 나뉨 - 1) 배열 리터럴 대괄호([ ])를 사용 - 2) Array( ) 생성자 함수로 배열을 생성 3. 대괄호([ ]) 사용 // Example 1 // 배열 생성 (비어있음) var arr = []; // 배열에 값 삽입 arr[0] = 1; // 0번 방의 값 1 arr[1] = 2; // 1번 방의 값 2 arr[2] = 3; // 2번 방의 값 3 // 배열 출력 (.length : 배열의 길이) for (var i = ..
![]()
typeof 연산자 1. typeof 연산자 - 변수의 데이터 타입을 반환하는 연산자 - 반환되는 값의 종류는 다음과 같음 용어 설명 undefined 변수가 정의되지 않거나 값이 없을 때 number 데이터 타입이 숫자값일 때 string 데이터 타입이 문자열일 때 boolean 데이터 타입이 불리언일 때 object 데이터 타입이 함수, 배열 등 객체일 때 function 변수의 값이 함수일 때 symbol 데이터 타입이 심볼일 때 // Example var a = 10; console.log(typeof(a)); // 숫자타입 var b = '홍길동'; console.log(typeof(b)); // 문자열타입 var c = true; console.log(typeof(c)); // 불리언타입
![]()
Console 1. console.clear( ); - 출력창을 초기화함 2. console.log( ); - ( )안에 들어가는 값을 출력함
![]()
Ⅲ. 반복문 1. 반복문 - 자바스크립트에는 반복문이 존재 - for문, while문, do while문이 있음 2. for 문 - 범위의 횟수 동안 특정 문장을 여러 번 반복하여 실행하는 반복문 ※ 변수 선언 시, const를 쓰면 값 변경이 불가하여 에러 발생 console.clear(); // (시작; 조건; 증가) for (i = 0; i
![]()
Ⅰ. 조건문 1. 조건문 - 자바스크립트의 제어문에는 if 조건문과 switch 조건문이 있음 2. if 문의 구조 - if 문의 조건식 결과가 True라면 명령문을 실행 - 조건식의 결과가 False라면 명령문을 건너 뜀 console.clear(); var a = 10; // a가 5보다 크므로 조건문이 True임 if (a > 5) { console.log('참'); // 참 } 3. if ~ else 문의 구조 - if 문의 조건식 결과가 True라면 명령문을 실행 - if 문의 조건식 결과가 False라면 if문 안에 명령문을 실행하지 않고 else문 안에 명령문을 실행 console.clear(); var a = 3; // a가 5보다 작으므로 조건문이 False임 if (a > 5) { co..
![]()
연산자 1. 연산자 - 자바스크립트는 연산자를 활용할 수 있음 2. 연산자 종류 기호 설명 사 칙 연 산 + 더하기 - 빼기 * 곱하기 / 나누기 논 리 연 산 A == B A와 B가 같음 A != B A와 B가 다름 A > B A가 B보다 큼 (초과) A = B A가 B보다 크거나 같음 (이상) A
![]()
자료형 1. 자료형 - 자바스크립트에는 여러가지의 자료형이 존재 - Boolean 타입 - Number 타입 - String 타입 - Null 타입 - Undefined - Symbol 타입 - Object (객체) 2. Boolean 타입 - True(참) or False(거짓) 둘 중 하나의 값을 갖는 논리적인 요소 var a = true; 3. Number 타입 - -(253-1) ~ (253-1) 사이의 숫자값을 갖는 요소 (이 범위 밖은 안전하지 않은 숫자) var a = 10; 4. String 타입 - 텍스트 데이터를 나타낼 경우에 사용 - 작은 따옴표(' ')안에 입력함 var a = 'Hello World'; 5. Null 타입 - 빈 값을 뜻함 - 이 경우, 타입은 존재하지만 값은 없다..
![]()
Ⅱ. 스코프 (Scope) 1. 스코프 - 유효한 참조 범위 - 자바스크립트에는 함수 레벨 스코프(ex : var)와 블록 레벨 스코프(ex : let, const)가 존재 2. 함수 레벨 스코프 (Function-level scope) - var 문은 함수 내부에 선언된 변수만 지역변수로 한정함 ※ 지역변수 : 프로그램 내 변수가 선언된 영역만 접근 가능한 영역으로 취하는 변수 - 나머지 변수는 전부 전역변수로 간주 ※ 전역변수 : 프로그램 내 모든 모듈들을 변수 선언의 유효한 영역으로 취하는 변수 - 다음 예제를 보면 abc 함수 내부에서 선언된 a 변수는 함수 내부에서만 참조 가능 - 외부에서 참조할 경우, 오류가 발생 console.clear(); // 콘솔창 초기화 function abc() {..
![]()
Ⅰ. 변수 및 변수선언 1. 변수 - 하나의 값을 저장하기 위해 확보한 메모리 공간 2. 변수명명의 규칙 - 식별자는 알파벳 대소문자, 숫자, 달러기호($), 밑줄(_)을 사용 - 숫자를 첫 글자로 사용할 수 없음 - 변수 명은 첫 번째 글자는 소문자, 다음 단어의 첫 번째 글자는 대문자로 표기 (ex : randomDice) - 예약어(if, for, var 등)은 변수명으로 사용할 수 없음 - 들여쓰기는 스페이스 2번 - 문자열은 작은 따옴표로 통일 3. 변수 선언 - 변수 선언에는 크게 3가지 방법이 존재 - var - let - const 4. var - var 문에서 변수에 초기값을 지정함 - 변수는 값이 설정될 때 까지 undefined 값을 가짐 - 중복선언 가능 - 재할당 가능 (변수 선언..
![]()
자바스크립트 (Javascript) 1. 자바스크립트 - HTML, CSS와 함께 웹을 구성하는 요소 중 하나로 웹 브라우저에서 동작하는 유일한 프로그래밍 언어 2. 자바스크립트의 특징 - 개발자가 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어임 ※ 인터프리터 : 프로그래밍 언어의 소스 코드를 바로 실행하는 컴퓨터 프로그램 또는 환경 - 멀티 패러다임 프로그래밍 언어임 (명령형, 함수형, 프로토타입 기반, 객체지향 프로그래밍을 지원) - 프로토타입 프로그래밍 언어임
