오늘까지 한 일

  • 어제는 집을 구하러 다니느라 하루를 다 썼다. 그래도 결과가 좋아서 헛수고하진 않았으니 만족스럽다.
  • React-admin에 json-server로 fake API 적용: 예전에도 했었는데 지난 기록을 찾아보니 그때는 이게 무슨 의미인지 모르고 했던 것 같다. 기록을 남겨놨다는 것조차 기억을 못하고 있었으니ㅋㅋ.. 다시 적어두려고 보니 이미 있네!?
  • React-admin에서 사용되는 dataProvider와 authProvider 파일을 살펴보고 공식문서에서 dataProvider 부분을 찾아 읽었다. 파일은 타입스크립트로 작성되어 있어서 타입스크립트의 공식문서도 함께 참고하며 보느라 진도가 빨리 안 나간다.

오늘 배운 것

 

json-server

Get a full fake REST API with zero coding in less than 30 seconds

www.npmjs.com

 

React-admin - Data Providers

Data Providers Whenever react-admin needs to communicate with the API, it calls methods on the Data Provider object. dataProvider .getOne('posts', { id: 123 }) .then(response => { console.log(response.data); // { id: 123, title: "hello, world" } }); It’s

marmelab.com

 

Documentation - TypeScript for JavaScript Programmers

Learn how TypeScript extends JavaScript

www.typescriptlang.org

오늘 한 일

  • 어제 받아온 숙제를 시작했다. React-admin의 튜토리얼을 완료했다. 튜토리얼을 진행해 본 지금도 이런 패키지가 존재한다는 게 도저히 믿기지가 않는다. 게시판 당연히 가내수공업인 줄 알았는데!? 소름 돋는다.
  • 코드 몇 줄이면 CRUD가 가능한 게시판이 그냥 만들어진다. 아이콘 넣고, 링크 언더라인 빼고, 이런 기본적인 커스터마이징은 물론이고 반응형으로까지 제작 가능하다. 이쯤에서 터지는 헛웃음

오늘 배운 것

 

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 create-react-app to create an empty React app, and install the react-admin package: yarn c

marmelab.com

  • React-admin 튜토리얼 링크를 첨부한 거지만, 이 중에서도 특히 Optimistic Rendering And Undo 부분이 인상 깊었다. 리덕스로 상태 관리할 때 리듀서에서 서버를 통하지 않고도 변화를 주는 것과 비슷하다고 생각했다. 데이터를 변경한 후, 변경한 데이터를 서버에 보내기 전에 일단 보여준다. 데이터 변경 후 5초 안에 사용자가 Undo를 누르면 원래대로 돌려놓고, 별다른 입력이 없으면 5초가 지났을 때 서버와 통신해 실제 데이터를 업데이트한다. 생각해 본 적 없는 방식이어서 신선했다.

내일 할 일

  • 내일은 저어엉말 오랜만에 나들이를 다녀올 생각인데, 만약 집에 돌아와서 저녁이나 밤 시간에 여유가 있으면 React-admin 커스터마이징을 해보겠다.

+ Recent posts