바스키아

전페이지에서 Document를 둘러봤으면 이제 본격적으로 정리하면서 알아볼꺼야. 2017 기준 통계라는데 후발주자인 Mobx스가 계속 치고 올라오고 있다고 하네.. 나쁘지 않다라는 말이겠지 ㅎ 그럼 Mobx 주요특징이 뭐지 전페이지에서 알수 있듯이 데코레이터를 적극 확용한다 experimentalDecorator 를 true로 설정해야한다. ---> tsconfig.json 에 이를 추가해주고 true로 설정해야하는데 이거몰라서 엄청 고생했지... 스토어 객체에 붙이는 데코레이터가 있고, =>@observable 컴포넌트에서 사용하는 데코레이터가 있다. => @observer TypeScript 가 Base인 라이브러리다. 당연히 @types/mobx, @types/mobx-readct는 필요가없다. -..

Intersection 타입?? 영어가 약하므로 우선 횡단, 교차? 우선 예제로 보자 1 2 3 4 5 6 7 8 9 10 interface User { name: string; } interface Action { do() : void; } function createUserAction(u: User, a: Action) { return { ...u, ...a}; } 우선 두 interface 를 합치는 함수가 있다고 하자. 그럼 저 리턴값에 대한 타입을 정의할때 interface Sum{ name:string; do() : void } 따로 인터페이스를 만들어서 function createUserAction(u: user, a: Action) : Sum{ return {...u, ...a} } 이렇게..

https://typescript-kr.github.io/pages/tsconfig.json.html TypeScript 한글 문서 TypeScript 한글 번역 문서입니다 typescript-kr.github.io https://vomvoru.github.io/blog/tsconfig-compiler-options-kr/

npx create-react-app react-app --typescript cra 를 이용하면 자동으로 tsx파일이 적용된 타입스크립트 프로젝트를 생성하게된다.

나의 선임께서는 Router를 쓰실때 이런식으로 쓴 나와는 달랐다.... history 과거, 역사, 기록 뭘까...... 우선 history 객체를 알아보자 https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/history.md 설명이 되어있는 md파일 참조하세용~ 자바스크립트의 다양한 환경에서 history 세션을 관리한다는 말에 쪼큼 감이 온다. 우선 예제에 저 두 메서드를 쓸것이고 그외에도 위 속성들을 봐주어야한다. 이놈은 라우터를 사용하는 컴포넌트에 props로 사용되고 객체를 사용해서 컴포넌트를 통해서 라우터에 직접적인 접근을 할수있다. 예를들면 특정 함수를 호출했을때 특정경로로 이동하거..

파라미터랑 쿼리는 통해서 주소를 통해 동적인 값을 읽어와야 할때...사용한다.. 우선 밑에 형식이다. Query는 주로 검색조건이용할때 많이 사용한다. 두형식으로 우선 예제를 만들어볼껀데 URL Parameter먼저 Profile.js를 만들어보자 import * as React from 'react'; const profileData = { beom :{ name : 'beom', description : "Front Engine ...MyInfo ...etc" }, homer : { name : '호머 심슨', description : '심슨가족 아빠 주인공' } } function Profile({ match }) { const { username } = match.params; const prof..