<div>안녕하세요</div>웹페이지를 개발중에 있습니다. <div><br></div> <div>화면은 메인과 상세화면으로 구분이 됩니다.</div> <div> <table border="1" width="100%" cellpadding="3" cellspacing="0" style="border-style:solid;border-collapse:collapse;"><tbody><tr><td> 메인화면 (main.js)<br>-오브젝트들 존재(Click 가능)<br>- 오브젝트들 타입이 여러가지(Circle, Rect, Line...)</td> <td> 상세화면 (detail.js)<br>- Click된 오브젝트의 상세 내역<br>-사용자가 데이터 수정 후 저장가능</td></tr></tbody></table><br></div> <div>오브젝트는 타입에 따라서 속성들이 다릅니다.</div> <div><br></div> <div>메인화면에서 각 오브젝트를 상세화면에 출력은</div> <div>오브젝트 타입별로 속성값이 다르므로 각 타입에따라서 상세 데이터를 뿌려주는 로직을 구현해서</div> <div>구현했습니다.</div> <div><br></div> <div><br></div> <div>상세화면에서 수정된 내역을 반영하는 로직을 어떻게 구현하는것이 가장 좋은 방법인지 떠오르지 않습니다.</div> <div><br></div> <div>각 타입별로 DOM에서 값을 가져와서 저장하는 로직을 main.js에 만드는것 방법 말고</div> <div>detail.jsd에서 이런 로직을 해결 할 수 있는 방법이 따로 있는지 궁금합니다.</div> <div><br></div> <div>아니면 더 좋은 해결방안이 있나요?</div> <div><br></div> <div><br></div>