Archive: 2020/1

2020
0
DevelopReact

라우터 부가기능 [4]

React Router with Velopert - 04 - history 객체 src/HistorySample.js src/App.js withRouter HoC src/WithRouterSample.js src/Profiles.jsx Switch src/App.js NavLink src/Profiles.js 기타 Chap 4.

0
TILReact

다시 공부하는 React -04-

React Re-Study : 4 Controlled Component 와 Uncontrolled Component 상태를 가지고 있는 엘리먼트 Controlled Component 와 Uncontrolled Component 구분하기 Q. 만약 input엘리먼트를 hover 시 포커스를 먹일 수 있는 방법은? High Order Component

0
TILReact

다시 공부하는 React -03-

React Re-Study : 3React Component Styling React의 가장 큰 문제. CSS의 스타일이 컴포넌트간 침범이된다. 컴포넌트 스타일링 방법들 Style Loaders PostCSS CSS, SASS CSS SASS SASS 와 SCSS 의 차이 CSS Module, Sass Module CSS Module

0
DevelopReact

서브 라우트 [3]

React Router with Velopert - 03 - 서브 라우트 만들어보기 src/Profiles.jsx src/App.js src/Profile.jsx Chap 3. 서브라우트 라우트 내부에 라우트를 만드는 것. 컴포넌트를 만들고 Route 컴포넌트를 렌더링하면 된다. 서브 라우트 만들어보기src/Profiles.jsx 12345

0
DevelopReact

파라미터와 쿼리 [2]

React Router with Velopert - 02 - 파라미터와 쿼리 URL Parameter Parameter 받아오기 Query QueryString 받아오기 Chap 2. 파라미터와 쿼리 파라미터와 쿼리Parameter : /profiles/:username 파라미터는 match 객체의 params 를 사용한다. 1const

0
TILReact

다시 공부하는 React -02-

React Re-Study : 2 Component Lifecycle 변경 전 (< v16.3) Component 생성 및 마운트 Component props, state 변경 componentWillReceiveProps shouldComponentUpdate (✸) componentWillUpdate componentDidUpdate C

0
TILReact

다시 공부하는 React -01-

React Re-Study : 1 리액트를 위한 JS 문법정리 에러는 에러 객체를 상속받아서 throw 한다. (throw new Error) let 은 변경 가능, const 는 불가능 arrow function 함수.bind(this) 디스트럭처링 callback Promise 객체 Generator 객체 React 프로젝트 프로젝트 구성 지식

0
DevelopReact

SPA 와 react-router [1]

React Router with Velopert - 01 - SPA SPA 란? non-SPA SPA 장점 SPA 단점 주로 사용되는 리액트 라우터 라이브러리 리액트 라우터 react-router next 리액트 라우터 react-router BrowserRouter HashRouter MemoryRouter StaticRouter Route L

0
DevelopGraphQL

GraphQL Schema, Type

Graph QL - SCHEMAS & TYPES - SCHEMAS & TYPES 타입 시스템 Type system 타입 언어 Type Language 객체 타입과 필드 인자 Arguments 쿼리 타입 & 뮤테이션 타입 The Query and Mutation Types 스칼라 타입 Scalar Types 열거형 타입 Enumera

0
DevelopGraphQL

GraphQL Query, Mutation

Graph QL - QUERY , MUTATION - QUERY , MUTATION 필드 Fields 인자 Arguments 별칭 Aliases 프래그먼트 Fragments 프래그먼트 내에서 변수 사용하기 Using variables inside fragments 작업 이름 Operation name 변수 Variables 변수 정의 Variabl