<script type="text/javascript"> function loadXMLDoc(dname) { if (window.XMLHttpRequest) { xhttp=new XMLHttpRequest(); } else { xhttp=new ActiveXObject("Microsoft.XMLHTTP"); } try { xhttp.open("GET",dname,false); // open server interface } catch (err) { // if error occurs alert("XMLHttpRequest.open() failed.\n"+ err); } xhttp.open("GET",dname,false); xhttp.send(""); return xhttp.responseXML; } xmlDoc = loadXMLDoc('./address.xml'); var x=xmlDoc.getElementsByTagName("hospital"); for (i=0;i<x.length;i++) {}

최첨단을 추구하는 분당병원이 병동마다 50인치 정도의 터치가 가능한 모니터를 하나씩 제공해주었는데,

호기심이 발동하여 HTML5 canvas 및 jquery를 이용해 병동 회진 때 쓰는 white board와 같은 기능을 만들어봄. 거의 1년만에 프로그래밍을 잡은것이나 마찬가지 였는데, 정말 많이 잊어버렸구나 하는 생각이 들었다.

HTML5의 canvas 기능이 예제로 잘 제시되어있는 RoCanvas (http://re. ··· anvas%2F)를 참고.

PHP 파일이 loading -> Ajax로 환자정보를 불러옴 -> 출력 -> Ajax로 저장된 메모를 불러옴 -> 출력하는 구조로 제작했는데,
디버깅을 해보면 저장된 '메모', 즉 image데이터는 잘 불러왔음에 불구하고 처음 페이지를 로딩할때는 출력이 안되다가 다시 한번 새로고침을 해야 출력되어 버리며,
반대로 DB에는 데어터가 잘  저장 되는데도, 저장되고 난 바로 직후의 새로고침에서는 그 그림만 안나오며 다시 한번 새로고침해야 그림이 보여지는 일이 발생한다.
게다가 async를 true로 해버리면 처음부터 모든 그림이 다 출력되지 않아버리니 무엇이 문제인지 모르겠음.

각설하고, 병원에서 참으로 항상 보던바와 같이 갑(교수님), 을(개발자)의 관계가 여실히 들어나는 프로그램을 만들어버린지라, 많이 고려되지 않은 User interface와 느린 속도, 불필요한 정보가 너무나 많아 답답할 따름이다. 실제로 병동에 가장 많은 시간을 상주하고 있는 전공의의 의견은 처음부터 반영조차 하지 않았으니...