Tag: coding

2020
0
TILReact-Preview

Context API를 사용한 전역 값 관리

React with Velopert - 20 - Context API를 사용한 전역 값 관리 Context API 만들어보기 App.js UserList.js 수정하기 CreateUser.js 수정하기 Chap 20. Context API를 사용한 전역 값 관리Context API를 사용한 전역 값 관리 현재 프로젝트들은 App 컴포넌트에서

0
DevelopReact

useReactRouter Hook [5]

React Router with Velopert - 05 - useReactRouter Hook RouterHookSample.js Profiles.js Chap 4. useReactRouter Hook useReactRouter HookwithRouter로 라우트를 사용하지 않은 컴포넌트에서도 match, location, history등

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