본문 바로가기

JavaScript

 (98)
[Deep dive] 10장 객체 리터럴 10.1 객체란? 객체 타입 (object type) - 다양한 타입의 값(원시 값 또는 다른 객체)을 하나의 단위로 구성한 복합적인 자료구조 - 변경 가능한 값(mutable value) - 프로퍼티와 메서드로 구성된 집합체 프로퍼티 - 키(key)와 값(value)로 구성 - 객체의 상태를 나타내는 값 (data) 메서드 - 자바스크립트의 함수는 일급객체이므로 값으로 취급 가능 -> 함수도 프로퍼티값으로 사용 가능 - 프로퍼티를 참조하고 조작할 수 있는 동작(behavior) var counter = { num = 0, //프로퍼티 increase : function () { //메서드 this.num ++; } }; 10.2 객체 리터럴에 의한 객체 생성 클래스 기반 객체지향 언어 - java, c..
[Deep dive] 9장 타입 변환과 단축 평가 9.1 타입 변환이란? 명시적 타입 변환(explicit coercion) - 타입 캐스팅(type casting) - 개발자가 의도적으로 값의 타입을 변환 var x = 10; //명시적 타입 변환 //숫자를 문자열로 타입 캐스팅 var str = x.toString(); console.log(typeof str, str); //string 10 //x 변수의 값이 변경된 것은 아님 console.log(typeof x, x); //number 10 암묵적 타입 변환(implicit coercion) - 타입 강제 변환(type coercion) - 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으로 타입 자동 변환 - 기존 변수 값을 재할당하여 변경하는 것이 아님 - 피연산자의 값을 암묵적 ..
[Deep dive] 8장 제어문 8.1 블록문 블록문(block statement) - 0개 이상의 문을 중괄호로 묶은 것 - 블록문을 하나의 실행 단위로 취급 - 블록문의 끝에는 세미콜론을 붙이지 않음 //블록문 { var foo = 10; } //제어문 var x =1; if(x 0) kind = '양수'; else if (num 0 ? '양수' : '음수') : '영'; console.log(kind); //양수 8.2.2 switch문 - 주어진 표현식을 평가하여 ..
[Deep dive] 7장 연산자 7.1 산술 연산자 (arithmetic operator) - 산술 연산이 불가능한 경우 NaN 반환 7.1.1 이항 산술 연산자 - 2개의 피연산자를 산술 연산하여 숫자 값을 만듬 - 모든 이항 산술 연산자는 피연산자의 값을 변경하는 부수 효과 (side effect)가 없다. - +,-,*,/,% 7.1.2 단항 산술 연산자 - 1개의 피연산자를 산술 연산하여 숫자 값을 만듬 단항 산술 연산자 의미 부수효과 ++ 증가 o -- 감소 o + 피연산자를 숫자 타입으로 변환 x - 양수를 음수로, 음수를 양수로 반전 x - 증가/감소 연산자 - 전위 증감 : 먼저 피연산자의 값을 증가/감소시킨 후, 다른 연산을 실행 - 후위 증감 : 먼저 다른 연산을 수행한 후, 피연산자의 값을 증가/감소 var x =5..
[Deep dive] 6장 데이터 타입 - 자바스크립트(ES6)의 7개 타입 -> 원시타입(primitive type)과 객체 타입 (object type)으로 구분 6.1 숫자 타입 - 자바스크립트는 하나의 숫자타입만 존재 - 숫자타입의 값은 배정밀도 63비트 부동소수점 형식을 따름 ( 모든 수를 실수로 처리) - 정수,실수,2진수,8진수,16진수 리터럴은 모두 메모리에 배정밀도 64비트 부동 소수점 형식의 2진수로 저장 var binary = 0b01000001; //2진수 var octal = 0o101; // 8진수 var hex = 0x41; // 16진수 //표기법만 다를 뿐 모두 같은 값 console.log(binary); //65 console.log(octal); //65 console.log(hex); //65 consol..
[Deep dive] 5장 표현식과 문 5.1 값 값(value) - 식(expression)이 평가(evaluate)되어 생성된 결과 - 평가란 식을 해석해서 값을 생성하거나 참조하는 것 //10+20은 평가되어 숫자 값 30을 생성 10+20; //30 - 모든 값은 데이터 타입을 가지며, 메모리에 2진수 즉 비트의 나열로 저장 - 메모리에 저장된 값은 데이터 타입에 따라 다르게 해석 //변수에는 10+20이 평가되어 생성된 숫자 값 30이 할당 var sum = 10 + 20; 5.2 리터럴 리터럴(literal) - 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법(notation) - 자바 스크립트 엔진은 코드가 실행되는 시점인 런타임(runtime)에 리터럴을 평가해 값을 생성 리터럴 예시 정수 리터럴 1..
[Deep dive] 4장 변수 4.1 변수란 무엇인가? 변수(variable) - 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 - 그 메모리 공간을 식별하기 위해 붙인 이름 - 컴파일러 또는 인터프리터에 의해 값이 저장된 메모리 공간의 주소로 치환되어 실행 ex) var result = 10 + 20; - 10+20은 연산을 통해 새로운 값 30을 생성 - 연산을 통해 생성된 값 30은 메모리 공간에 저장 - 변수 이름 : 메모리 공간에 저장된 값을 식별할 수 있는 고유한 이름 (result) - 변수 값 : 변수에 저장된 값 - 할당 (assignement) : 변수에 값을 저장하는 것 - 참조(reference) : 변수에 저장된 값을 읽어 들이는 것 - 변수 이름을 사용해 참조를 요청하면 자바스크립트 엔진은 변수 이름과 ..
17장 마무리 문제 2 - 내가 작성한 코드 ( table 요소 노드를 필요한 위치에 추가하라는데 어떻게하는지 모르겠음,,,) DOCTYPE html> 마무리 문제 2 #formstyle { float:left; } 행 줄 작성 button.onclick = function() { var newTable = document.createElement("table"); // table 요소 노드 만들기 var cols = document.querySelectorAll("#col"); //id=col 요소를 가져옴 var rows = document.querySelectorAll("#row"); //id=row 요소를 가져옴 for(let i=0; i 마무리 문제 2 form { margin-bottom:30px; } input[t..

티스토리툴바