728x90
반응형
목차 1. 객체 리터럴에 의한 객체 생성 2. 프로퍼티 3. 메서드 4. 프로퍼티 접근 5. 프로퍼티 동적 생성과 삭제 10장. 객체 리터럴 자바스크립트는 객체 기반의 프로그래밍 언어이며, 자바스크립트를 구성하는 거의 "모든 것"이 객체다. 원시 값을 제외한 나머지 값(함수, 배열, 정규 표현식 등)은 모두 객체다. 원시 값: 변경 불가능한 값 객체: 변경 가능한 값 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 key와 value로 구성된다. 객체는 프로퍼티와 메서드로 구성된 집합체다. 프로퍼티: 객체의 상태를 나타내는 값(data) 메서드: 프로퍼티(상태 데이터)를 참조하고 조작할 수 있는 동작 1. 객체 리터럴에 의한 객체 생성 [객체 생성 방법] 객체 리터럴 Object 생성자 함수 ..
목차 1. 비교 연산자 - 동등/일치 비교 연산자 2. 쉼표 연산자 3. typeof 연산자 4. 지수 연산자 7장. 연산자 연산자(operator)는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행하여 하나의 값을 만든다. 이때 연산의 대상을 피연산자(operand)라 한다. 피연산자는 값으로 평가될 수 있는 표현식이어야 한다. 그리고 피연산자와 연산자의 조합으로 이뤄진 연산자 표현식도 값으로 평가될 수 있는 표현식이다. 산술 연산자, 할당 연산자, 비교 연산자, 삼항 조건 연산자, 논리 연산자, 쉼표 연산자, 그룹 연산자, typeof 연산자, 지수 연산자 등의 연산자가 있는데, 대부분 C언어나 자바에서의 문법과 비슷해서 조금 새로운 연산자들만 다뤄보도록 하겠다..
목차 1. 숫자 타입 2. 문자열 타입 3. 템플릿 리터럴 4. 불리언 타입 5. undefined 타입 & null 타입 6. 심볼 타입 7. 객체 타입 마무리 6장. 데이터 타입 자바스크립트(ES6)는 7개의 데이터 타입을 제공한다. 그리고 이를 원시 타입과 객체 타입으로 분류할 수 있다. 구분 데이터 타입 설명 원시 타입 숫자 타입 숫자. 정수와 실수 구분 없이 하나의 숫자 타입만 존재 문자열 타입 문자열 불리언 타입 논리적 참(true)과 거짓(false) undefined 타입 var 키워드로 선언된 변수에 암묵적으로 할당되는 값 null 타입 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 심벌 타입 ES6에서 추가된 7번째 타입 객체 타입 객체, 함수, 배열 등 1. 숫자 타입 자바스크립..
목차 1. 값과 리터럴 2. 표현식과 문 3. 세미콜론과 세미콜론 자동 삽입 기능 5장. 표현식과 문 앞으로 자주 사용할 용어의 의미를 주의 깊게 살펴보자. 1. 값과 리터럴 값(value): 식(표현식. expression)이 평가(evaluate)되어 생성된 결과 평가: 식을 해석해서 값을 생성하거나 참조하는 것. 변수에 할당되는 것은 '값' 리터럴(literal): 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 - 사람이 이해할 수 있는 문자: 아라비아 숫자, 알파벳, 한글 등 - 미리 약속된 기호: ' ', " ", [ ], { }, // 등 자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성한다. 즉, 리터럴은 값을 생성하기 위해 미리 약..
자바스크립트 기초 문법 공부 - 변수 목차 1. 변수 선언 2. 변수 선언의 실행 시점과 변수 호이스팅 3. 값의 할당 4장. 변수 자바스크립트에서 변수를 선언하는 방법과 변수 선언의 특징에 대해 알아보겠다. 1. 변수 선언 : 변수를 생성하는 것. 변수를 사용하려면 반드시 선언이 필요하다. 변수를 선언할 때는 var, let, const 키워드를 사용한다. var 키워드의 단점을 보완하기 위해 const와 let이 추가되었다. (var: 값이 바뀔지 안바뀔지 모르는 등의 단점이 있다) 보통은 const로 사용하고, 필요한 경우(변경 가능)에만 let을 사용한다. → 코드만 보고도 어떤 값이 바뀌겠구나 하는 것을 알 수 있음. 자바스크립트 엔진은 변수 선언을 다음과 같은 2단계에 거쳐 수행한다. 선언 단..
목차 jQuery 시작하기 jQuery Event 익명 함수 미니 스타 크래프트 마무리 자바스크립트로 미니 스타크래프트 만들기 이번에는 jQuery 문법을 사용하여 미니 스타크래프트를 만들어보겠다. jQuery 시작하기 jQuery는 자바스크립트를 쉽게 사용할 수 있도록 해주는 라이브러리이다. jQuery 장점 1. 간결한 문법 2. 편리한 API 3. 크로스 브라우징 사용방법 code.jquery.com 접속 -> 최신 버전을 클릭하여 minified 코드 복사 -> 문법 $(선택자).행위; id가 content인 태그의 value 값 가져오기 $('#content').val(); jQuery 기초 jQuery를 배워보자 jQuery Event jQuery 이벤트 사용하기 선택자에 넣는 코드는 css ..