이글에 작성되는 내용은 아래와 같은 라이브러리,프레임워크를 사용합니다 React TypeScript styledcomponent react-icon react-redux (dispatch를 사용하는 경우) 완성된 결과물 단순 체크 버튼만 있는 버튼 체크가 되기전에 정보가 있는 버튼 코드에 정답은 없고 이 코...

redux immutable 문제 해결하기 redux 사용하다 보니 문제가 생겼다. const initialState: ScheduleData = { Expedition: { Weekly: { ChallengeAbyss: { IsDone: false, Visible: true }, ...

궁금증의 동기! 타입스크립트 사용해서 프로젝트 하던중 아래와 같은 예제 코드를 발견 했다. const INCREASE = "counter/INCREASE" as const; as const 가 어떤 역할을 하는지 좀 처럼 감을 못잡았다. 바로 구글링 let 변수에서 let hihi = "abc"; hihi = "bbbb"; // hihi 는...

기초부터 JS에서의 리덕스를 알아보자 첫째로 리덕스의 문법이 바뀐건 아니지만 vscode에서도 바꾸길 권장하기에 redux_toolkit을 이용해서 바꾸려고 한다. 리덕스는 아래와 같은 함수의 구조로 이루어 진다. import { configureStore } from "@reduxjs/toolkit"; const store = conf...

블로그 안 쓰는 동안 했던일 redux 공부 react typescript 공부 로아플 프로젝트 준비 취업준비. 앞으로 해야될일 취업 redux 공부 내용 정리 로아플 프로젝트 완성하기

interface는 type과 유사하다. 똑같이 해당 구조를 사전에 설정해 주는 역할을 한다. interface와 type type에서의 코드 type NickName1 = string; type HealthBar1 = number; type Hamberg = Array<string>; type Team = "red" | "blue" ...

typescript도 javascript와 마찬가지로 class를 사용가능하다. 그렇지만 typescript는 자바스크립트와 class 에서는 크게 다른점이 있다 접근 제한자의 사용가능 public private protected 접근제한자의 사용이 가능하다는 점이다. Typescript의 경우 class Player { c...

제너릭을 안 쓸때의 문제점 타입스크립트의 제너릭은 무엇일까? 일단 제너릭을 알기전에 제너릭을 안쓸때의 문제점을 보자 type SuperPrint = { // 함수의 타입을 일일이 정의를 해줘야된다. (arr: number[]): void; (arr: boolean[]): void; (arr: string[]): void; (arr...

parameter 개수가 같고 타입이 다를경우 // parameter 개수가 같고 타입이 다를 경우 type Config = { path: string; state: object; }; type Push = { (path: string): void; (config: Config): void; }; const push: Push = ...

unknown 외부로부터 데이터가 오거나, 받아오는 타입의 종류를 모를경우 unknown으로 처리할 수 있음 // unknown let unknwonType: unknown; if (typeof unknwonType === "string") { let b = a.toUpperCase(); } if (typeof unknwonType ===...