목록분류 전체보기 (74)
JS' 공부흔적
Redux는 Javascript의 상태 관리 라이브러리이다. 보통 React와 함께 많이 사용되지만, Augular, jQuery, vanilla JavaScript 등 여러 framework에서 사용이 가능하다. Redux에 기본적인 개념 및 용어를 알아보자. npm install redux yarn add redux 1. Store Store는 state가 저장되는 공간이다. state는 변경되는 데이터를 말한다. 버튼을 누르면 숫자가 1 증가하거나 감소하는 프로그램이 있다고 할 때, 여기에서의 state는 변경되는 숫자이다. 이러한 state들을 저장하는 곳이 store이다. store는 아래와 같이 생성한다. import { createStore } from 'redux' const store =..
리터럴 타입 리터럴 타입은 정해진 값을 가지는 타입이다. JS에서 var, let을 사용하면 값의 변경이 가능하지만 const를 사용하면 값의 변경이 불가능하다. 이러한 특성을 가지는 타입을 리터럴 타입이라고 한다. 아래와 같이 type을 선언해주면 정해진 값 내에서만 선택이 가능하다. type Job = "student" | "teacher" | "developer"; interface Person { name: string; job: Job; } const jun: Person = { name: 'jun', job: 'developer', // student, teacher, developer 중에서만 선택 가능 } //숫자형에도 동일하게 적용 가능 type num = 1 | 2 | 3; interf..
상호 간에 정의한 약속 혹은 규칙을 의미하며, 객체의 모양을 명시적으로 나타내기 위해 사용한다. let user:object; user={ name:'aa', age:30 } console.log(user.age); //error 위와 같이 사용하게 되면 property가 존재하지 않는다면서 에러가 발생한다. 따라서 아래와 같이 interface를 사용하여 객체의 모양을 나타내야 한다. interface User { name:string; age:number; } let user:User; user={ name:'aa', age:30 } console.log(user.age); interface 내에서 정의해준 것을 모두 선언해주지 않으면 에러가 발생한다. Optional Property interfac..
기본적으로 Javascript+타입으로 쓰인다. 아래와 같이 Typescript에서는 변수의 자료형을 함께 선언해주고, 선언된 자료형과 다른 타입의 값이 들어오면 에러 표시가 난다. //javascript let user; user=3; //typescript let user: string; user=3; //error Typescript는 기본적으로 아래의 Javascript의 기본 자료형을 포함한다. number string boolean null (null이라는 값이 할당된 상태 -> object type) undefined (변수가 선언된 후 아무 값도 할당되지 않은 상태 -> undefined type) symbol(ES6에서 추가됨) Array : Object 그리고 추가적으로 몇 가지 타입이..