이안의 평일코딩

p.155 - 함수 내부로 입력을 전달받는 변수를 매개변수(parameter), 입력을 인수(argument), 출력을 반환값(return value)라 한다. p.156 - 코드의 중복을 억제하고 재사용성을 높이는 함수는 유지보수의 편의성을 높이고 실수를 줄여 코드의 신뢰성을 높이는 효과가 있다. p.157 - 리터럴은 값을 생성하기 위한 표기법이다. 따라서 함수 리터럴도 평가되어 값을 생성하며, 이 값을 객체다. 즉, 함수는 객체다. p.160 - 자바스크립트 엔진이 코드의 문맥에 따라 동일한 함수 리터럴을 표현식이 아닌 문인 함수 선언문으로 해석하는 경우와 표현식인 문인 함수 리터럴 표현식으로 해석하는 경우가 있다. - { }이 단독으로 존재하면 자바스크립트 엔진은 { }을 블록문으로 해석하지만 {..

axios 라이브러리 // 라이브러리 로딩 import 변수명 from '라이브러리 이름' // 변수, 함수 임포트 문법 import {} from '파일 상대 경로'; 터미널에 -D 또는 --dev--save없이 axios를 설치해주면 package.json의 dependencies(devDependencies가 아닌)에 생긴다. npm i axios // i는 install과 마찬가지 그리고 라이브러리를 import해오면 axios에 대한 타입 오류가 사라진다. import axios from 'axios'; 타입 선언 외부 라이브러리 axios는 타입정의가 잘 되어있는 라이브러리지만 그렇지 않은 외부 라이브러리같은 경우에는 어떻게 해야할까? chart.js로 알아보자. npm install char..

p124. 자바스크립트는 객체(object) 기반의 프로그래밍 언어이며,자바스크립트를 이루고 있는 거의 “모든 것”이 객체이다. 원시 타입(Primitives)을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체이다. 단 하나의 값만 나타내는 원시 타입은 변경 불가능 한 값(immutable value)이지만 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조인 객체 타입의 값은 변경 가능한 값(mutable value)이다. p126. - 자바스크립트는 프로토타입 기반 객체지향 언어로서 클래스 기반 객체지향 언어와는 달리 다양한 개쳋 생성방법을 지원한다. (객체 리터럴, Object 생성자 함수, 생성자 함수, Object.create 메서드, 클래스(ES6)) - 객체 리터럴의 중..

dependencies와 devDependencies dependencies에 있는 typescript 삭제 npm uninstall typescript devDependencies에 라이브러리 추가 (배포아닌 개발용 -D 또는 --save--dev) npm i -D typescript @babel/core @babel/preset-env @babel/preset-typescript @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint prettier eslint-plugin-prettier npm 설정파일 package.json에는 라이브러리(패키지)가 들어가 있다. // package.json "devDependencies": { "@b..

명시적인 any 타입 선언 먼저, 명시적으로 any를 선언한다. tsconfig.json 파일에 'noImplicitAny' 값을 'true'로 추가한다. // tsconfig.json { "compilerOptions": { "allowJs": true, // 자바스크립트 검증 "target": "ES5", // 타입스크립트 컴파일 tsc "outDir": "./built", // 결과물 들어갈 곳 "moduleResolution": "Node", // Promise 인식 위해서 "lib": ["ES2015", "DOM", "DOM.Iterable"], // Promise 등 에러 안뜸 "noImplicitAny": true, // 외부라이브러리(axios 등) 오류에서 더 많은 타입에러가 뜸 }, "..

ES6 이전의 함수 // ES5 - 함수 선언문 function sum(a, b) { return a + b; } // ES5 - 함수 표현식 var sum = function(a, b){ return a + b; } ES6+ 화살표 함수 function을 없애고 =>를 추가해서 코드가 더 간결해졌다. 그리고 간단한 연산 표현식은 { }와 return을 없애서 쓸 수 있다. // ES6+ - 함수 표현식(화살표 함수) var sum = (a, b) => { return a + b; } var sum = (a, b) => a + b; 타입스크립트의 화살표 함수 // TS - 화살표 함수 var sum = (a: number, b: number): number => { return a + b; }

7장 p76. 단항 산술 연산자의 증가/감소(++/--) 연산자는 위치에 의미가 있다. var x = 5, result; // 선대입 후증가 (Postfix increment operator) result = x++; console.log(result, x); // 5 6 // 선증가 후대입 (Prefix increment operator) result = ++x; console.log(result, x); // 7 7 // 선대입 후감소 (Postfix decrement operator) result = x--; console.log(result, x); // 7 6 // 선감소 후대입 (Prefix decrement operator) result = --x; console.log(result, x);..

p59. 자바스크립트(ES6)는 7개의 데이터 타입을 제공한다. 원시 타입(숫자, 문자열, 불리언, undefined, null, 심벌) 6개와 객체 타입(객체, 함수, 배열 등)이다. 원시 타입의 값은 변경 불가능한 값(immutable value)이며 pass-by-value(값에 의한 전달)이다. p60. C나 자바와 달리 자바스크립트는 독특하게 하나의 숫자 타입만 존재한다. 모든 수를 실수로 처리하며, 정수만 표기하기 위한 데이터 타입이 별도로 존재하지 않는다. // 숫자 타입은 모두 실수로 처리된다. console.log(1 === 1.0); // true console.log(4 / 2); // 2 console.log(3 / 2); // 1.5 p61. NaN(not-a-number)은 산술..