Interface여러가지 타입의 프로퍼티를 갖는 변수에 대해, 각 프로퍼티의 타입을 미리 정의하는 것이다. 주로 객체의 타입을 설정할 때 사용한다. const obj: { name: string; id: number; age: number; flag: boolean;} = { name: 'p1su', id: 1, age: 25, flag: true,};obj 라는 객체를 생성할 때 다음과 같이 모든 프로퍼티의 타입을 일일이 설정해주었다. 이를 인터페이스를 통하여 관리할 수 있다. interface User { name: string; id: number; age: number; flag: boolean;}const obj: User = { name: 'p1su', id: 1, ..
언어
https://www.typescriptlang.org/ JavaScript With Syntax For Types.TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code.www.typescriptlang.org타입스크립트타입스크립트(TypeScript/TS)는 자바스크립트이 슈퍼셋으로, 기존 자바스크립트에 몇가지 문법이 추가된 언어이다. 대표적으로 변수의 타입이 추가되었다. 자바스크립트의 장점과 단점자바스크립트의 변수는 정해진 타입을 가..
함수 선언문 방식function funcA() { console.log('funcA');}말 그대로 함수를 직접 선언하는 방식이다. 함수를 선언한 후에는 변수에 할당하여 이를 사용할 수 있다. const varA = funcA;varA(); // 출력: funcA 함수 표현식위 함수를 함수 표현식으로 나타내보면const varB = function funcB() { console.log('b');};다음과 같이 작성할 수 있다. 변수의 값으로 함수를 직접 할당하여 주었다. 자바스크립트는 함수를 하나의 구조가 아니라 특별한 값으로 취급하기 때문에 다음과 같이 함수를 변수에 할당할 수 있는 것이다. 함수를 선언하지 않고 값으로써 사용하기 때문에 해당 방식을 함수 표현식이라 한다. varB(); ..
동기적 처리와 비동기적 처리동기적 처리작업을 순차적으로 진행하는 것을 동기적으로 처리한다고 한다. A, B, C 3가지 작업을 순서대로 진행한다고 하면, A 작업이 시작되어 완전히 완료된 후 B 작업을 수행한다. 마찬가지로 B 작업을 모두 마친 후에 C 작업을 수행한다. 비동기적 처리동기적 처리와는 다르게 작업의 순서롤 보장하지 않는다. A 작업을 시작한 후 완료가 되기 전에 B 작업과 C 작업을 대기시키지 않고 바로 시행한다. Promise 란Promise는 자바스크립트에서 비동기 처리에서 사용되는 객체이다. 비동기 작업이 완료되면 그 값을 알려주는 역할을 한다. 일단 Promise를 돌려준 후, 작업이 완료되면 결과값을 promise에 채워준다. Promise는 Pending(대기), Fulf..
객체 지향 프로그래밍(OOP)객체 내부에는 상태를 나타내는 변수인 프로퍼티와 행동을 나타내는 함수 메소드가 존재한다. 객체 지향 프로그래밍(Object Oriented Programming, OOP)은 이러한 프로퍼티와 메소드로 이루어진 객체들의 상호 작용을 중심으로 코드를 작성하는 것이다. https://pissssssu.tistory.com/26 [JavaScript/자바스크립트] 객체 다루기객체란?객체(object)는 여러가지 형태의 값들을 하나로 모아두는 자료형이며, 자바스크립트에서 중요하게 다루는 개념이다.객체 역시 변수로 선언되며, object 라는 고유한 타입을 가진다.const obj =pissssssu.tistory.com객체에 대한 자세한 설명은 위에서! 객체로 프로그램을 구성함에 따..
console.log(this);//출력//Window {0: Window …}this란자바스크립트에서 this 는 자신이 속한 객체를 나타내는 자기 참조 변수이다. 함수 내부에서 this를 사용하게 되면, 호출한 함수에 따라서 그 값이 상대적으로 변하게 된다. 이때 this값에 특정한 객체의 값을 지니게 되는 것을 바인딩(binding)이라 한다. 전역 객체 window빈 콘솔창에 this를 출력해보면console.log(this); //Window {0: Window, ... }다음과 같이 Window 객체가 출력된다. 이는 브라우저의 최상위 객체가 Window이고, 아무 것도 없는 상태에서 this 를 출력하였기 때문이다.this 익히기일반 함수에서 호출function getName() { co..
객체란?객체(object)는 여러가지 형태의 값들을 하나로 모아두는 자료형이며, 자바스크립트에서 중요하게 다루는 개념이다.객체 역시 변수로 선언되며, object 라는 고유한 타입을 가진다.const obj = { key값: value값,};객체 내부 값들은 고유한 key값과 value 값을 가진다. 이러한 key와 value 한 쌍을 프로퍼티(property)라고 부른다.최종적으로 이 프로퍼티들을 중괄호로 묶어 객체를 생성할 수 있다.프로퍼티(property)const user = { //객체 name: 'P1su', //key: name, vlaue: 'P1su' age: 25, //key: age, value: 25};user라는 객체 안에는 총 2가지의 프로퍼티가 존재하..
변수란?변수는 어떠한 값을 지니고 있는 공간(데이터)이다. 자바스크립트에서의 변수먼저 자바스크립트에서는 변수가 지닐 타입을 명시하지 않고 변수를 선언할 수 있다.int a = 10;string s = 'string';bool flag = true;double d = 3.14;C++ 에서는 다음과 같이 변수명 앞에 타입을 명시하는 형식을 지닌다.이를 자바스크립트에서는 var a = 10;let s = 'string';const flag = true;const d = 3.14;다음과 같이 표현할 수 있다. 변수를 선언할 때는 camelCase 로 작성한다.camelCaselet evenNum = 2;const oddNum = 3;camelCase를 사용하지 않는다고 해서 변수가 선언되지 않는 것은 아니다...
