Front-end/React.js
-
react-admin : Field ComponentsFront-end/React.js 2020. 3. 3. 14:31
Field Components Field 컴포넌트는 REST 자원의 property를 display한다. List view에서 사용되고, Edit이나 Create view에서도 사용할 수 있다. 가장 흔히 사용되는 필드 컴포넌트는 TextField이다. 모든 필드 컴포넌트들은 다음과 같은 attribute들을 가짐 source required -> view/edit을 위한 prop 이름 label input 레이블의 헤더로 사용됨, 생략되었을 경우 source가 기본값 sortable source를 이용하여 정렬해야 하는가? 기본값은 true className 클래스 이름 (field element) cellClassName 클래스 이름 (field container) headerClassName 헤더 ..
-
react-admin 메모 : AdminFront-end/React.js 2020. 3. 2. 17:56
https://marmelab.com/react-admin/Admin.html React-admin - Admin and Resource Components The Component The component creates an application with its own state, routing, and controller logic. requires only a dataProvider prop, and at least one child to work: // in src/App.js import React from 'react'; import { Admin, Resource } from 'react-admi marmelab.com const App = () => ( ); props dataProvide..
-
react-admin 메모 : data providerFront-end/React.js 2020. 3. 2. 15:30
https://marmelab.com/react-admin/ React-admin - My First Project Tutorial React-Admin Tutorial This 30 minutes tutorial will expose how to create a new admin app based on an existing REST API. Setting Up React-admin uses React. We’ll use Facebook’s create-react-app to create an empty React app, and install the react-admin packag marmelab.com 설치 npm install react-admin 컴포넌트는 혼자 display될 수 없음. ref..
-
[React document] tutorial : Adding Time TravelFront-end/React.js 2020. 2. 17. 14:11
https://reactjs.org/tutorial/tutorial.html#adding-time-travel Tutorial: Intro to React – React A JavaScript library for building user interfaces reactjs.org Storing a History of Moves 더보기 If we mutated the squares array, implementing time travel would be very difficult. However, we used slice() to create a new copy of the squares array after every move, and treated it as immutable. This will all..
-
[React document] tutorial : Completing the gameFront-end/React.js 2020. 2. 16. 18:57
https://reactjs.org/tutorial/tutorial.html#completing-the-game Tutorial: Intro to React – React A JavaScript library for building user interfaces reactjs.org Lifting State Up 더보기 Currently, each Square component maintains the game’s state. To check for a winner, we’ll maintain the value of each of the 9 squares in one location. We may think that Board should just ask each Square for the Square’s..
-
[React document] tutorial : OverviewFront-end/React.js 2020. 2. 16. 18:10
https://reactjs.org/tutorial/tutorial.html Tutorial: Intro to React – React A JavaScript library for building user interfaces reactjs.org react 공부를 시작한지 별로 안되긴 했지만 쨌든 기초지식이 너무 부족하다는 것을 스스로 느끼게 되어 튜토리얼 코드를 따라해보기로 했다. 튜토리얼은 react에서 제공한다. (위 링크 참고) 더보기를 클릭하면 원문을 볼 수 있다. 그 외의 본문은 원문을 내가 번역하면서 공부했다. What is React? (React란 무엇일까? 최근 어떤 분에게 이 질문을 들었는데 대답을 하지 못했다. react에 익숙해져야 한다는 부담만 있어서 이론에 대해 소홀했던 것 같..