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. 값의 할당 4장. 변수 자바스크립트에서 변수를 선언하는 방법과 변수 선언의 특징에 대해 알아보겠다. 1. 변수 선언 : 변수를 생성하는 것. 변수를 사용하려면 반드시 선언이 필요하다. 변수를 선언할 때는 var, let, const 키워드를 사용한다. var 키워드의 단점을 보완하기 위해 const와 let이 추가되었다. (var: 값이 바뀔지 안바뀔지 모르는 등의 단점이 있다) 보통은 const로 사용하고, 필요한 경우(변경 가능)에만 let을 사용한다. → 코드만 보고도 어떤 값이 바뀌겠구나 하는 것을 알 수 있음. 자바스크립트 엔진은 변수 선언을 다음과 같은 2단계에 거쳐 수행한다. 선언 단..
목차 DOM id값으로 요소 가져오기 자소서 글자수 계산기 -글자수 count 글자 수 제한을 넘기지 않도록 하기 마무리 자소서 글자수 계산기 만들기 텍스트를 입력하면 글자수를 세주고, 제한을 넘기지 못하도록 해주는 웹페이지를 만들어보겠다. DOM DOM: Document Object Model DOM은 Html에 잘 접근할 수 있도록 도와주는 객체 모델이다. 자바스크립트는 DOM을 활용하여 HTML에 접근하여 속성 등을 변경할 수 있다. id 값으로 요소 가져오기 먼저, 자바스크립트에서는 id로 요소를 가져올 수 있다. 다음은 id가 jasoseol인 요소를 가져오는 코드이다. document.getElementById('jasoseol'); 이를 콘솔 화면에 출력하려면 consol.log() 함수를 ..
목차 JavaScript 사용 방법 세미콜론(;)과 주석 데이터 상자 만들기 로또 번호 추첨기 로또 번호 추첨기 만들기 자바스크립트로 로또 번호 추첨기를 만들면서 자바스크립트의 기본 개념을 공부해보도록 하겠다. 이 내용은 코드라이언 '일단 만드는 javascript'를 기반으로 정리한 것이다. JavaScript 사용 방법 자바스크립트를 작성할 때에는 두 가지 방법이 있다. 1. html 파일 안에 작성 2. 별도의 js 파일 html 파일에 작성하는 경우 태그 안에서 뒷부분에 태그 안에 입력한다. 자바스크립트로 브라우저 화면에 텍스트를 출력하려면 document.write() 함수를 이용하면 된다. document.write('브라우저 화면에 출력됩니다'); 세미콜론(;)과 주석 세미콜론(;)은 하나의..