! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

immutability, Selector관련 문의 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS immutability, Selector관련 문의

페이지 정보

작성자 gmpark 작성일 2022-07-21 20:33 조회 1,187회 댓글 1건
제품 버전 : 5.20213.824
컨트롤 이름 : FlexGrid, Selector

본문

안녕하십니까.


1. FlexGrid에 state 등록된 배열을 넣을 경우 FlexGrid 컴포넌트에서 자체적으로 CollectionView를 생성해 추가/수정/삭제 등을 관리하는 것으로 알고 있습니다. 그런데 FlexGrid에서 수정할 경우 원본 state 배열도 같이 수정되더라고요. 원래 리액트에서 배열을 수정할 경우엔 불변성 원칙에 따라 통채로 setState를 해줘야 하는데, FlexGrid는 setState를 인자로 받지도 않고 useEffect에 걸리지도 않습니다. 어떤 원리인지 궁금합니다.


2. 1과 마찬가지로 Selector를 사용시 checked항목의 배열을 별도로 state로 만들어 사용중입니다. 이 경우 checked배열을 수정시 원본 배열도 수정되던데 어떤 원리인지 궁금합니다.


3. 일반적으로 데이터 가공이 끝나면 DB에 I/U/D하는데, 가공이 전부 CollectionView에서 이루어진다면 원본 배열이 아니라 FlexGrid에 딸린 CollectionView를 보내는게 나은 건가요?


4. 또 CollectionView에서 자체적으로 요소의 고유성을 위해 key를 생성하는지, 아니면 같은 기능이 있는지 궁금합니다.

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

GCK루시님의 댓글

GCK루시 작성일

안녕하세요 그레이프시티입니다.

문의 주신 내용은 현재 확인 중에 있으며 업데이트 되는 대로 안내 드릴 수 있도록 하겠습니다.
답변이 지연되는 점 죄송드립니다.

감사합니다.
그레이프시티 드림

1 답변

ReactJS Re: immutability, Selector관련 문의

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK루시 작성일 2022-07-28 16:53 댓글 1건

본문

안녕하세요 그레이프시티입니다.


먼저 답변이 지연된 점 죄송 드리며 답변 드립니다.


1 & 2번 FlexGrid 데이터 업데이트 원리 문의

=> 해당 문의의 경우, 본사 쪽으로 확인해 보았으나 구체적인 원리에 대해서는 보안 이슈로 인해 답변 드리기 어려운 상황입니다. 다만, Wijmo FlexGrid는 사용자가 그리드를 통해 변경하는 내용을 바탕으로 기본 데이터 배열을 업데이트합니다. 


이러한 접근 방식은 불변성이 필요한 상태 관리 시스템에서는 사용할 수 없으나 immutabilityProvider 확장 컴포넌트를 통해 해결할 수 있으며 아래 샘플을 공유 드리오니 참고 부탁 드립니다. 샘플에서는 Selector 컨트롤의 체크박스를 상태 관리를 위해서 자체 action과 action에 대한 로직 또한 정의하고 있습니다.



원하시는 답변을 드리지 못한 점 죄송합니다.

3. 일반적으로 데이터 가공이 끝나면 DB에 I/U/D하는데, 가공이 전부 CollectionView에서 이루어진다면 원본 배열이 아니라 FlexGrid에 딸린 CollectionView를 보내는게 나은 건가요?
=> CollectionView의 데이터의 변경 내용 추적 여부를 결정하는 값을 설정하거나 가져오는 trackChanges 속성을 true로 설정 시, 추가/편집/삭제된 항목에 대해서 별도 컬렉션에 저장 및 업데이트 됩니다. 해당 데이터를 가공 또는 이용하고 싶다면 CollectionView를 사용하시는 것을 추천드리며 아래 저희 데모를 공유 드리오니 참고 부탁 드립니다. 더불어 필터링 또는 정렬되지 않은 데이터 컬렉션을 가져오거나 설정하고 싶으신 경우, CollectionView의 sourceCollection 속성을 사용하시길 바랍니다. 



4. 또 CollectionView에서 자체적으로 요소의 고유성을 위해 key를 생성하는지, 아니면 같은 기능이 있는지 궁금합니다.
=> 반복문을 이용하여 생성된 DOM 요소에 부여할 키를 말씀하시는 것이 맞으신가요? 먼저 Wijmo collectionView에서는 key 속성을 제공하고 있지 않습니다. 다만, 원하시는 기능에 대해서 좀 더 구체적으로 공유해주신다면 추가적으로 내용 확인 후, 답변 드릴 수 있도록 하겠습니다.

다른 궁금한 점이 생기면, 문의 주시기 바랍니다.

감사합니다.
그레이프시티 드림

댓글목록

GCK루시님의 댓글

GCK루시 작성일

안녕하세요 그레이프시티입니다.

문의하신 내용과 관련하여 회신이 없어 답변 완료 처리하였습니다.
추가 질문 사항이 있으신 경우, 새 글을 작성 및 등록하여 문의 주시기 바랍니다. 

감사합니다.
그레이프시티 드림

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.