Category: TIL

2020
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 를 설정 할 때 자동완성이 될 수 있다는

0
TILTypeScript

타입스크립트 기초 연습하기 (타입 별명, 제네릭)

타입스크립트 기초 연습하기 (타입 별명, 제네릭)목차 Type Alias 사용하기 Generics 함수에서 Generics 사용하기 interface 에서 Generics 사용하기 Type Alias 에서 Generics 사용하기 클래스에서 Generics 사용하기 Type Alias 사용하기 type은 특정 타입에 별칭을 붙이는 용도로 사

0
TILTypeScript

React에서 TypeScript 사용하기

React에서 TypeScript 사용하기목차 JavaScript의 단점 JS 편집기의 자동완성의 불편함 함수 파라미터 타입 체킹을 안해줌 리덕스를 사용할 때 불편함 리액트 컴포넌트 쓸 떄 어떤 props를 넣어야하는지 에디터에서 알 방법이 없다. TypeScript를 써야 하는 이유 JavaScript의 단점 JS 편집기의 자동완성의 불편

0
TILReact

ReactStudy-10

React Re-Study : 10 SPA 프로젝트 배포 이해하기 serve 패키지로 React Wep App 배포하기 AWS S3 버킷 에 React Wep App 배포하기 node.js express로 React Wep App 배포하기 NginX 서버사이드 렌더링 이해하기 Optimizing Performance React Study with

0
TILReact

ReactStudy-09

React Re-Study : 9 Unit Test facebook/jest jest 3가지 문법 it (= test), describe, expect .not.to jest는 기본으로 한 테스트가 5초로 설정되어 있다. react-component-test 실습 컴포넌트 테스트 짜보기 Button 컴포넌트 enzyme 컨테이너 테스트

0
TILReact

ReactStudy-08

React Re-Study : 8 Ducks Pattern 규칙 connect with hooks 기존방식 -> src/containers/BooksContainer.jsx Hooks방식 -> src/containers/BooksContainer.jsx react-router와 redux함께 쓰기 redux-saga 제너레이터 re