Websqare5 DataCollection중 dataMap의 데이터를 확인해보자.

 

웹스퀘어5에서는 가장 중요한 키 포인트가 Datacollection과 Submission이라고 생각한다.

 

DataCollection은 데이터를 담을 '객체'들을 선언하는 곳이라고 생각하면 될거같고. Submission은 DataCollection으로 담은 데이터들을 서버단으로 전송하며, 서버단에서 처리후 Return되는 값을 Callback 을 통해 처리하거나, 혹은 Grid와 연동하여 값을 표현해준다.

 

더 쉽게 표현하기 위해 예를들어 일반적인 게시판 형식을 예로 들어보자면

 

DataCollection = Parameter를 통해 검색 조건들을 DataMap 형태로 설정, 혹은 DataList 형식의 서버단 호출후 값을 매핑할 데이터를 선언해둠.

 

Submission = 서버단 호출, 그리고 DataMap을 전송하여 해당 데이터를 기준으로 Query 수행후 값을 리턴하고 리턴된 데이터들을 DataList 형태의 DataCollection에 값을 바인딩하여 Grid에 표현해줌, 그리고 작업을 마친후 Callback 함수 지정 가능.

 

이 두가지만 잘 활용해도 서버와 통신하여 값을 넘기고 받고 하는건 큰 문제가 되지않는다.

 

근데 간혹? 서버와 통신하기 전에 내가 설정한 DataCollection의 값들이 정상적으로 바인딩이 되어있는지 확인할 필요가 있다. 물론 서버단으로 보낸후에 서버단에서 Log를 통해 체크도 가능하지만. 개인적으로 서버 통신 전에 프론트 단에서 실시간으로 확인하는것이 더 효율적이라고 생각한다.

 

DataList는 주로 서버와의 통신후 리턴 값을 처리하는 용도로 사용중이니

Parameter 역활을 하는 DataMap 내부의 값을 Console을 통해 확인하는 방법을 알아보자.

 

반응형

 

SearchMap이라는 dataMap 타입의 DataCollection이 있다고 가정하자.

 

그럼 우리는 SearchMap 내부에 Key와 Name dataType등등... 설정을 마쳐놨을것이다. 그리고 나서 그 값이 어떻게 표현되는지 알아보기 위해서는 getJSON() 함수를 이용하면 된다.

 

var valJSON = SearchMap.getJSON();
console.log("SearchMap의 값을 확인합니다:", valJSON);

 

 

이렇게 되면 SearchMap이라는 ID값을 가진 dataMap을 key와 value로 이뤄진 JSON 형태로 변환해준다.

 

그리고 나서 해당 값을 console.log로 출력후 개발자 도구를 실행해 Console을 확인하면 내가 실시간으로 SearchMap에 어떤 데이터들이 담기는지 간단하게 확인할수가 있다.