Page 26 -
P. 26
그림 1-7 웹 브라우저 기반 프로그램 구조
사용자 컴퓨터의 브라우저 웹 서버
pw.print("<html><title>환율계산기</title>");
정적 웹 페이지 pw.print("<font size=5>환율 계산기</font><br>");
pw.print("<form name='frmCalc' method='post' action='/rate
HTML 문서 요청 Server/calc' /> ");
pw.print("원화: <input type='text' name='won' size=10 /> ");
pw.print("<select name='operator' >");
pw.print("<option value='dollar'>달러</option>");
pw.print("<option value='en'>엔화</option>");
pw.print("<option value='wian'>위안</option>");
pw.print("<option value='pound'>파운드</option>");
HTML 문서 pw.print("<option value='euro'>유로</option>");
pw.print("</select>");
pw.print("<input type='hidden' name='command' value='calculate'
/> ");
pw.println("<input type='submit' value='변환' />");
pw.println("</form>");
pw.print("</html>");
pw.close();
1.2절에서 살펴본 환율 계산기 프로그램을 웹 기반으로 구현하면 어떻게 될까요? 그림 1-8에 그
동작 과정을 나타내었습니다.
그림 1-8 웹 기반 환율 계산기 동작 과정
사용자 컴퓨터의 브라우저 웹 서버
① 데이터 전송
② 데이터 처리
if(command!= null && command.equals("calculate")){
String result = calculate(Float.parseFloat(won),operator);
pw.print("<html><font size=10>변환결과</font><br>");
pw.print("<html><font size=10>"+result+"</font><br><br><br>");
③ 결과 전송 pw.print("<a href='/rateServer/calc'>환율 계산기 </a>");
return;
}
먼저 처리할 데이터를 입력 받아 서버에 처리를 요청하면(①), 서버는 화면에서 입력한 데이터를
전송 받아 처리합니다(②). 그런 다음 계산 결과를 웹 브라우저로 전송하여 결과를 보여줍니다(③).
즉, 웹 기반 프로그램의 경우 사용자가 사용하는 프로그램의 기능이나 화면이 바뀌면 서버에서 모
두 처리합니다. 클라이언트-서버 기반 프로그램과 마찬가지로 클라이언트가 특별히 수행해야 할
032
