Web Front End/Javascript & Typescript

[러닝자바스크립트] 9장. 객체와 객체지향 프로그래밍

9장. 객체와 객체지향 프로그래밍 목차 프로퍼티 나열 객체지향 프로그래밍 다중 상속, 믹스인, 인터페이스 :one: 프로퍼티 나열 배열 vs 객체 비슷한 점: 컨테이너 다른 점 배열 객체 저장 값 *프로퍼티 인덱스 숫자형 문자열, 심볼 순서 있음 보장 안됨 프로퍼티: 키(문자열, 심볼) + 값 객체는 키를 통해 프로퍼티에 접근할 수 있음 프로퍼티 나열 방법 1: for...in 키가 심볼인 프로퍼티는 포함되지 않음 배열에도 사용할 수 있지만 좋은 방법은 아닌 이유 순서를 보장하지 않음 열거할 수 없는 프로퍼티의 존재 (length와 같은 배열 내의 프로퍼티 사용 불가) 프로토타입 상속한 프로퍼티도 나열함 hasOwnProperty() 메소드 객체가 특정 프로퍼티를 가지고 있는지를 나타내는 불리언 값을 반..

[러닝자바스크립트] 5장. 표현식과 연산자

표현식 값이 되는 것. 대부분 연산자 표현식 표현식의 결과를 변수, 상수, 프로퍼티에 할당 가능. 연산자 우선순위 자바스크립트가 평가식을 표현하는 순서 연산자 값을 만드는 행동 단항 부정과 단항 플러스 자바스크립트에서는 10 % 3.6도 계산 가능함 const a = 5; const x = 3 ### ###a; // x = 8; const b = "5"; const y = 3 + +5; //y = 8; NaN(특별한 숫자형 값) 무엇과도 같지 않음 Nan === Nan; // false Nan == Nan; // false 산술 연산자 let x = 2; const r1 = x++ + x++; // 2 + 3 = 5 const r2 = ++x + ++x; // 5 + 6 = 11 const r3 = x+..

[러닝자바스크립트] 4장. 제어문

for 루프의 다른 패턴 초기화, 표현식에 여러 문 결합 가능 //출력: 1 2 3 5 8 13 21 for (let temp, i = 0, j = 1; j < 30; temp = i, i = j, j = i + temp) console.log(j); for...in 루프 // player.hasOwnProperty 메소드를 생략하면 에러 발생 많음. const player = { name: "Thomas", rank: "Midshipman", age: 25 }; for (let prop in player) { if (!player.hasOwnProperty(prop)) continue; console.log(prop + ": " + player[prop]); } /* 출력 * name: Thomas *..

[러닝자바스크립트] 3장. 리터럴과 변수, 상수, 데이터 타입

자바스크립트의 값: 원시 값 또는 객체 원시 값과 객체의 차이 let a = 3; let b = 3; console.log(a == b); //결과: true let obj1 = { a: 1, b: 2 }; let obj2 = { a: 1, b: 2 }; console.log(obj1 == obj2); //결과: false const a = 1; a = 5; //결과: 에러 const obj = { a: 1 }; obj.a = 5; console.log(obj.a); //결과: 5 변수(variable) 이름이 붙은 값. 언제든 바뀔 수 있음. 변수 선언 시 초기값 할당 안해도 됨. 상수(constant) 한 번 할당한 값을 바꿀 수 없음 상수 이름에는 대문자와 언더바만 사용. 변수 vs 상수 상수 wi..

[러닝자바스크립트] 2장. 자바스크립트 개발 도구

프로젝트 구조 .git # git es6 # 노드 소스 dist public/ # 브라우저 소스 es6/ dist/자바스크립트 개발도구 Git 연결 및 Commit 빌드 도구(gulp) 설치 gulp: 개발 과정에서 도움이 되는 개발 의존성 도구 트랜스컨파일러(babel) 설치 babel: ES5 --> ES6, ES6와 리액트, ES7 등을 지원하는 범용 트랜스컴파일러 babel과 gulp 함께 사용하도록 설정 gulpfile.js에 파이프로 연결 ESLint 설치 ESLint: 코드를 검토해 자주 일어나는 실수를 알려주는 프로그램.

[러닝자바스크립트] 1장. 첫번째 애플리케이션

See the Pen vYOKNwr by choisohyun (@choisohyun) on CodePen.