화면구성에 따른 서버로부터의 데이터 획득 방법(?) 문의

2016-02-02 23:11

안녕하세요 첫글인데 질문글입니다 죄송하지만 염치 불구하고 문의 드리겠습니다.

제목은 거창하지만 어떤 방법을 택해야 좋을지 고민이 되어 글남겨봅니다.

현재 화면은

위와 같이 구성되어 있구요. List를 받아서 테이블의 리스트로 뿌리고 그 리스트의 항목을 선택하면 세부사항이 아래의 영역에 뿌려지는 구성입니다.

여기서 궁금한 부분이 있습니다. 전체 DtoObject의 항목중 몇개만 테이블의 리스트로 뿌려지고 그 항목을 선택해야 전체의 내용이 아래에 뿌려지는데.. 이부분을 어떻게 처리해야 할지 모르겠습니다.

아래 부분을 <c:foreach/>로 처음에 여러개를 뿌려놓은다음에 보여줄 항목만 display해야 할지.

아니면 테이블의 항목을 선택할때 ajax로 필요한 데이터를 다시 받아서 아래에 뿌려야할지 고민되네요. 사실 보여줄 항목은 이미 List안에 다있는데 다시 ajax로 갔다온다는것도 문제인듯하고요..

그래서 생각한게 javascript에서 List를 javascript 변수와 매핑 시켜서 따로 만들어서 사용할까 고민도 해봤는데 각 뷰마다 이렇게 하려면 손이 좀 많이 갈것 같기도 합니다.

오늘 계속 고민만하다가 결국 글남겨봅니다. 제가 글솜씨가 없어 이해못하는 부분이 많을 듯합니다ㅜㅜ

좋은 의견 부탁드립니다. 감사합니다

1개의 의견 from SLiPP

2016-02-03 10:26

서버에서 한 번에 데이터를 모두 가져오는 구조라 생각되네요. 한 번에 데이터를 가져오는 성능상 문제가 되지 않는다면 모든 데이터를 javascript에 json 형태로 저장해 놓은 후 사용자가 선택하는 item에 따라 해당 데이터를 뿌려주는 것이 좋지 않을까 생각합니다.

물론 html을 모두 생성한 후 display 여부를 결정할 수도 있지만 아무래도 그에 따른 조작도 필요하고, 네트워크로 전송되는 html 크기도 커질 듯 합니다.

일반적으로는 이와 같은 요구사항은 성능 이슈도 있고, 사용여부를 판단할 수 없는 데이터를 한번에 전달하는 것에 따른 부담 때문에 ajax로 구현하는 것이 일반적입니다. 성능상에 이슈는 없는지도 확인하고 접근 방식을 결정하면 좋을 듯 합니다.

의견 추가하기

연관태그

← 목록으로