Struts logic 커스텀 태그

개발개발/JSP&스트럿츠 2012. 9. 4. 17:25

Struts logic 커스텀 태그

정의 - 빈과 JSP의 Logic 처리 담당하는 커스텀 태그

종류  

 logic 커스텀 태그

설명 

logic:present 

해당 자원의 존재 유무를 체크 

logic:equal 

빈의 property 값을 비교 

logic:iterate 

빈의 속성 및 바인딩 객체를 반복 

logic:forward 

Forward 처리 

logic:redirect 

 Redirect 처리 

 

'개발개발 > JSP&스트럿츠' 카테고리의 다른 글

jsp:useBean  (0) 2013.12.17
createStatement & preparedStatement & callableStatement  (1) 2012.09.04
GET/POST 방식 차이점  (0) 2012.09.03
Posted by 공돌공돌
,

자바스크립트 계산기 진행사항(09.03)

개발개발/자바스크립트 2012. 9. 3. 16:11

 

 

http://bboong100.cafe24.com/0903/calc.html

현재 까지 가능한 기능

텍스트창 오른쪽 정렬

엔터키로 연산

소수점 값 입력

위에 텍스트에 먼저 입력한 숫자와 연산자를 표시하고 연산 결과는 아래창에 출력되는 기능

연산자, 0, 소수점(.) 중복 입력시 처리 문제

'C' 버튼을 눌렀을 때 위 텍스트창도 초기화

추가할 기능

eval를 사용하지 않고 연산( +,- 등 연산자를 연속으로 입력 했을 때 에러 발생)

예외처리

연산 결과 출력 후 새로운 숫자 입력 했을 때 텍스트창이 초기화되지 않는 문제

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">
 .txtalign {
  text-align: right;
 }

</style>

<script type="text/javascript">
 var str = "";
 var str2 = "";
 var flag = false;

 function cal(num)
 {
  //입력된 값이 숫자면 true 문자면 false
  if (!isNaN(num))
  {
   if (!flag)
   {
    str = "";
                document.getElementById('txt').innerHTML = '';
                //innerhtml 태그 - 지정된 태그의 값을 바꿔준다!
            }
   str += num;
   str2 += num;
            // 위 아래텍스트 창에 동시에넣어주고
            // 아래창만 출력한다
            document.getElementById('txt').innerHTML += num;
   flag = true;
  }
  //이전에 입력값이 숫자였으면
  else if (flag)
  {
   str2 += num;
            //기존에 입력된 숫자와 연산자를 위 텍스트창에 출력한다
            document.getElementById('txtcalc').innerHTML = str2;
   flag = false;
  }
 }

 function answer()
 {
  //수식이 연산자로 끝나면
  if (!flag)
  {
   alert('수식을 다시 입력해주세요!');
   return;
  }
  else
  {
   document.getElementById('txtcalc').innerHTML = str2;
   document.getElementById('txt').innerHTML = eval(str2);
            // 위 텍스트창에 연산한 결과값을 eval()함수로 계산 하고아래 텍스창  결과 출력
            document.getElementById('txtcalc').innerHTML = "";
            // 위 창에 내용을초기화

        }
 }

 function enter(number)
 {
  if (event.keyCode == 13)
  {
   answer();

        }
  else if ((event.keyCode >= 96 && event.keyCode <= 105))
  {
   cal(event.keyCode - 96);
  }

  else if (flag && ( event.keyCode == 107 || event.keyCode == 109 ||
       event.keyCode == 106 || event.keyCode == 111 ||
       event.keyCode == 110))
  {
   switch (event.keyCode){
    case 107:cal('+');break;
    case 109:cal('-');break;
    case 106:cal('*');break;
    case 111:cal('/');break;
   }
  }
  else
  {
   alert('숫자 또는 연산자를 입력하세요!');
  }
 }

 function clearcal()
 {
  str2 = "";
  flag = false;
  document.getElementById('txt').innerHTML = "수식을 입력하세요..";
  document.getElementById('txtcalc').innerHTML = "";
  // 텍스트창 초기화
 }


    function bs()
 {
  document.getElementById('txt').innerHTML = str.substring(0, str.length - 1);
  str2 = str2.substring(0, str2.length - 1);
  document.getElementById('txtcalc').innerHTML = str2;
  // substring 으로 0부터 value 길이에서 -1 한 만큼의 길이를 출력한다
 }
</script>
<title>계산기</title>
</head>
<body onkeydown="enter(cal);">
<form name="calc">
<table border=1 width=200px height=200px cellpadding=0 cellspacing=0 align=center>

   <tr border=2>  <!-- 연산자 표시창  -->
   <td colspan=5 align=center height=20>
    <div id='txtcalc' name='txtcalc' class="txtalign" value=''></div>
    <div id='txt' name='txt' class="txtalign" value=''>수식을 입력하세요..</div>
   </td>
  </tr>

    <tr height=40px> <!-- 백스페이스, C -->
        <td colspan=5>
            <table border=1 width=100%>
                <tr align=center>
                    <td width=33%><input type=button value='BackSpace' style="width:100%;" onclick=bs()></td>
                    <td width=33%><input type=button value='C' style="width:100%;" onclick=clearcal()></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr align=center>
        <td width=25%><input type=button value='  1  ' onclick="cal('1')"></td>
        <td width=25%><input type=button value='  2  ' onclick="cal('2')"></td>
        <td width=25%><input type=button value='  3  ' onclick="cal('3')"></td>
        <td width=25%><input type=button value='  /  ' onclick="cal('/')"></td>
    </tr>
    <tr align=center>
        <td><input type=button value='  4  ' onclick="cal('4')"></td>
        <td><input type=button value='  5  ' onclick="cal('5')"></td>
        <td><input type=button value='  6  ' onclick="cal('6')"></td>
        <td><input type=button value='  *  ' onclick="cal('*')"></td>
    </tr>
    <tr align=center>
        <td><input type=button value='  7  ' onclick="cal('7')"></td>
        <td><input type=button value='  8  ' onclick="cal('8')"></td>
        <td><input type=button value='  9  ' onclick="cal('9')"></td>
        <td><input type=button value='  +  ' onclick="cal('+')"></td>
    </tr>
    <tr align=center>
        <td><input type=button value='  =  ' onclick="answer()"></td>
        <td><input type=button value='  0  ' onclick="cal('0')"></td>
        <td><input type=button value='  .  ' onclick="cal('.')"></td>
        <td><input type=button value='  -  ' onclick="cal('-')"></td>
    </tr>
</table>
</form>
</body>
</html>

 

'개발개발 > 자바스크립트' 카테고리의 다른 글

계산기 문제점  (0) 2012.09.06
0905 자바스크립트 계산기  (0) 2012.09.05
자바스크립트 계산기 ( 추가사항, 예외처리 고려 해야 할 사항)  (0) 2012.09.03
자바스크립트 셀렉트(javascript select) option 추가하기  (0) 2012.08.31
자바스크립트 계산기 (08.30수정)  (0) 2012.08.30
Posted by 공돌공돌
,

GET/POST 방식 차이점

개발개발/JSP&스트럿츠 2012. 9. 3. 13:20

Get 방식

get 방식은 요청 URL에 파라미터를 붙여서 전송한다

URL 기반으로 전송되기 때문에 굳이 폼을 사용하지 않더라도 파라미터르 전송할 수 있다 

형식은   [ ?이름1=값1&이름2=값2&...]

ex > http://localhost:8080/servlet_prj/parameter_values?name=kaka&hobby=%EB%93%B1%EC%82%B0

URL에 창에 파라미터 값이 모두 나타나므로 보안에 취약하다 따라서 중요정보( id, password) 등은 POST방식으로 전송

 

Post 방식

데이터 영역을 이용해서 파라미터를 전송하게 된다

웹 브라우저나 웹 서버 등에 관계없이 전송할 수 있는 파라미터의 길이에 제한이 없다

html의 header로 데이터를 전송하므로 보안이 된다

파라미터ㅢ 길이에 제한이 없으므로 게시판, 방명록과 같은 데이터 처리에 POST방식을 사용한다

 

'개발개발 > JSP&스트럿츠' 카테고리의 다른 글

jsp:useBean  (0) 2013.12.17
createStatement & preparedStatement & callableStatement  (1) 2012.09.04
Struts logic 커스텀 태그  (0) 2012.09.04
Posted by 공돌공돌
,

티스토리툴바