사이드 프로젝트를 하게됐고 간단한 프로젝트 진행순서를 정리해두려고한다. 첫번째 회의 기획자 , 백엔드, 프론트엔드, UI/UX기획, UI디자이너가 참여했고 퍼블리싱은 구하는 중에 첫 비대면회의를 진행했다. 첫 비대면 회의를 통해 기획자의 프로젝트 의도와 원하는 결과물을 간단하게 듣고 mvp 기능(메인이 되는 기능)을 얘기했다. mvp기능을 구현하기위한 필요한 기본 정보들을 기획자가 기능에 대한 업무를 하고있어 정보를 모아서 다음 회의를 하기로했음 느낀점. 첫 사이드 프로젝트여서 그런지 나는 크게 할 말이없고 그냥 듣기에만 바빴다. 두번째 회의 비대면으로 진했됐고 첫회의에 했던 내용에 조금더 디테일적인 부분을 얘기했지만 아직 큰그림을 기획하는 단계로 보였다. 회의는 보통 백엔드를 맡은분과 기획자 분이 많이..

React로 쇼핑몰을 장바구니와 상품목록을 구현하는 과제를 하면서 store기능을해주는 라이브러리 Redux-toolkit을 사용해보았다 사용해보니 프로젝트가 간단해서그런건지 유용하게 쓸수있다는 생각이들어 정리해둬야겠다 생각했다. 출처 : https://redux-toolkit.js.org/introduction/getting-started#rtk-query​ Redux Toolkit이 뭐죠? Redux에서 효율적인 Redux 개발을 위해 만들어진 Redux의 도구 모음이다. Redux Toolkit은 Redux 로직을 작성하기 위한 표준 방식이 되도록 만들어졌고, Redux에서 사용하기를 강력히 추천하는 라이브러리다! 작성자는 Redux는 사용해보지않았지만 사용하기위해 설정하기가 어렵다고 알고있었지만 ..

npm i @syncfusion/ej2-react-lists@19.4.55 19.4.55 버전을 사용하겠습니다. 1. cmd 창에서 이 명령어를 실행해서 프로젝트에 install 받는다. npm install @syncfusion/ej2-react-lists --save 2. listView 컴포넌트를 아래 소스와 같이 import 시켜주고 선언한 App 아래에 return 안에 추가해준다. import * as React from 'react'; import { ListViewComponent } from '@syncfusion/ej2-react-lists'; import './App.css'; const App = () => { return ( //specifies the tag to render t..

syncfusion을 사용하다 보면 구동엔 문제없지만 자주 나오는 에러다. 나는 GridComponent를 사용할때 자주 발생을 하였다. 에러 이유는 Grid Mode가 batch 면 그리드가 조회되거나 렌더링될떄 getBatchChanges를 자체적으로 실행되면서 상태를 관리하는데 값이 없기때문에 에러가 나는거같다. 즉, getBatchChanges 는 그리드 모드가 batch일때 allowEditing 속성이 false면 에러 문구가 나온다. 해결 방안 : 1. allowEditing 속성 true 변경 : 사실 allowEditing이 false로 있었단건 수정을 하지않겠다는 말인데 수정하지 않으려면 2번방법을 사용해야할것이다. 2.mode를 Nomal로 변경 : GridComponent 는 Nom..