Archive: 2020/4

2020
0
DevelopProject

React Hooks + Mobx + TS

React Hooks + Mobx + TS - 슈퍼마켓 구현하기 -목차 시작 데코레이터 설정 X 프로젝트 초기화 및 폴더 구조 App & Store 수정 src/App.tsx src/useStore.ts Store 추가 src/counter.ts src/counter.ts CSS 추가하기 src/components/BasketIte

0
DevelopProject

React Hooks + Mobx 예제 - 슈퍼마켓 구현하기 -

React Hooks + Mobx 예제 - 슈퍼마켓 구현하기 -목차 소개 시작 데코레이터 설정 X 프로젝트 초기화 및 폴더 구조 카운터 만들기 new: src/stores/counter.js new: src/useStore.js edit: src/App.js new: src/components/Counter.jsx 슈퍼마켓 UI 구현하기

0
TILMobx

Mobx 실습

리액트에서 Mobx 예제 - 카운터 -목차 카운터 만들기 Class Component’s Mobx 1 Class Component’s Mobx 2 : @데코레이터를 이용 함수형태(Hooks)를 이용한 Mobx 문제점 Mobx 스토어 분리시키기 Class Component Hooks 공통 Context API를 이용 X 🙅‍♂️ Context API

0
TILMobx

Mobx 개념잡기

Mobx 개념 정리목차 Mobx 란? Redux VS Mobx 개념 정리 Observable / useObserver (Mobx ver 6.xxx 👆) Computed Value (연산된 값) Reactions (반응) Action (액션; 행동) useLocalStore (Mobx ver 6.xxx 👆) 리액트 없이 MobX 사용해보기 ob

0
TILTypeScript

리액트 컴포넌트 타입스크립트로 작성하기

리액트 컴포넌트 타입스크립트로 작성하기목차 프로젝트 생성 Arrow vs Function 새로운 컴포넌트 만들기 interface vs type React.FC 의 장단점 props에 기본적으로 children 이 있어 사용하기 편하다 컴포넌트의 defaultProps, propTypes, contextTypes 를 설정 할 때 자동완성이 될 수 있다는