'2013/02'에 해당되는 글 3건

 

이진법 팔진법 십진법 십육진법 약자 설명 한글설명
000 0000 000 0 00 NUL Null 공백 문자
000 0001 001 1 01 SOH Start of Header 헤더 시작
000 0010 002 2 02 STX Start of Text 본문 시작, 헤더 종료
000 0011 003 3 03 ETX End of Text 본문 종료
000 0100 004 4 04 EOT End of Transmission 전송 종료, 데이터 링크 초기화
000 0101 005 5 05 ENQ Enquiry 응답 요구
000 0110 006 6 06 ACK Acknowledgment 긍정응답
000 0111 007 7 07 BEL Bell 경고음
000 1000 010 8 08 BS Backspace 백스페이스
000 1001 011 9 09 HT Horizontal Tab 수평 탭
000 1010 012 10 0A LF Line feed 개행
000 1011 013 11 0B VT Vertical Tab 수직 탭
000 1100 014 12 0C FF Form feed 다음 페이지
000 1101 015 13 0D CR Carriage return 복귀
000 1110 016 14 0E SO Shift Out 확장문자 시작
000 1111 017 15 0F SI Shift In 확장문자 종료
001 0000 020 16 10 DLE Data Link Escape 전송 제어 확장
001 0001 021 17 11 DC1 Device Control 1 장치 제어 1
001 0010 022 18 12 DC2 Device Control 2 장치 제어 2
001 0011 023 19 13 DC3 Device Control 3 장치 제어 3
001 0100 024 20 14 DC4 Device Control 4 장치 제어 4
001 0101 025 21 15 NAK Negative Acknowledgement 부정응답
001 0110 026 22 16 SYN Synchronous idle 동기
001 0111 027 23 17 ETB End of Transmission Block 전송블록 종료
001 1000 030 24 18 CAN Cancel 무시
001 1001 031 25 19 EM End of Medium 매체 종료
001 1010 032 26 1A SUB Substitute 치환
001 1011 033 27 1B ESC Escape 제어기능 추가
001 1100 034 28 1C FS File Separator 파일경계 할당
001 1101 035 29 1D GS Group Separator 레코드 그룹경계 할당
001 1110 036 30 1E RS Record Separator 레코드 경계 할당
001 1111 037 31 1F US Unit Separator 장치 경계 할당
111 1111 177 127 7F DEL Delete 삭제

 

 

2진법 팔진법 십진법 십육진법 모양
010 0000 040 32 20
010 0001 041 33 21 !
010 0010 042 34 22 "
010 0011 043 35 23 #
010 0100 044 36 24 $
010 0101 045 37 25 %
010 0110 046 38 26 &
010 0111 047 39 27 '
010 1000 050 40 28 (
010 1001 051 41 29 )
010 1010 052 42 2A *
010 1011 053 43 2B +
010 1100 054 44 2C ,
010 1101 055 45 2D -
010 1110 056 46 2E .
010 1111 057 47 2F /
011 0000 060 48 30 0
011 0001 061 49 31 1
011 0010 062 50 32 2
011 0011 063 51 33 3
011 0100 064 52 34 4
011 0101 065 53 35 5
011 0110 066 54 36 6
011 0111 067 55 37 7
011 1000 070 56 38 8
011 1001 071 57 39 9
011 1010 072 58 3A :
011 1011 073 59 3B ;
011 1100 074 60 3C <
011 1101 075 61 3D =
011 1110 076 62 3E >
011 1111 077 63 3F ?

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2진법 팔진법 십진법 십육진법 모양
100 0000 100 64 40 @
100 0001 101 65 41 A
100 0010 102 66 42 B
100 0011 103 67 43 C
100 0100 104 68 44 D
100 0101 105 69 45 E
100 0110 106 70 46 F
100 0111 107 71 47 G
100 1000 110 72 48 H
100 1001 111 73 49 I
100 1010 112 74 4A J
100 1011 113 75 4B K
100 1100 114 76 4C L
100 1101 115 77 4D M
100 1110 116 78 4E N
100 1111 117 79 4F O
101 0000 120 80 50 P
101 0001 121 81 51 Q
101 0010 122 82 52 R
101 0011 123 83 53 S
101 0100 124 84 54 T
101 0101 125 85 55 U
101 0110 126 86 56 V
101 0111 127 87 57 W
101 1000 130 88 58 X
101 1001 131 89 59 Y
101 1010 132 90 5A Z
101 1011 133 91 5B [
101 1100 134 92 5C \
101 1101 135 93 5D ]
101 1110 136 94 5E ^
101 1111 137 95 5F _

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2진법 팔진법 십진법 십육진법 모양
110 0000 140 96 60 `
110 0001 141 97 61 a
110 0010 142 98 62 b
110 0011 143 99 63 c
110 0100 144 100 64 d
110 0101 145 101 65 e
110 0110 146 102 66 f
110 0111 147 103 67 g
110 1000 150 104 68 h
110 1001 151 105 69 i
110 1010 152 106 6A j
110 1011 153 107 6B k
110 1100 154 108 6C l
110 1101 155 109 6D m
110 1110 156 110 6E n
110 1111 157 111 6F o
111 0000 160 112 70 p
111 0001 161 113 71 q
111 0010 162 114 72 r
111 0011 163 115 73 s
111 0100 164 116 74 t
111 0101 165 117 75 u
111 0110 166 118 76 v
111 0111 167 119 77 w
111 1000 170 120 78 x
111 1001 171 121 79 y
111 1010 172 122 7A z
111 1011 173 123 7B {
111 1100 174 124 7C |
111 1101 175 125 7D }
111 1110 176 126 7E ~

 

 

 

 

 

 

 

 

 

 

 

 

 

출처 http://ko.wikipedia.org/wiki/%EC%95%84%EC%8A%A4%ED%82%A4_%EC%BD%94%EB%93%9C

블로그 이미지

스마트전

,

jQuery 를 이용하면 여러 객체에 쉽게 접근이 가능한데, 폼 객체의 값들을 읽거나 설정하는데는 약간 헷갈리는 부분이 있습니다. 그건 각 폼 객체들이 약간씩 다른 동작을 하기 때문인데, 단순한 폼 뿐이라면 그냥 ID 를 지정하고 바로 접근하는게 아주 쉽고 빠릅니다.
하지만, 동일한 폼이 여러개 생긴다거나 동적으로 생성되거나 하는 경우 골치아파질 수 있습니다.

다행이도 jQuery 는 이런 접근을 아주 쉽게 도와줍니다. 바로 [ ] 표현식으로 쿼리를 지원하기 때문에 간단한 표현식으로 원하는 결과를 얻을 수 있는데, 폼 객체를 이를 이용해서 셀렉트 하는 방법이 있습니다.

<!-- 예제 HTML -->
<form id="TestForm">
    <input type="text" name="TestText" value="2010" />
    <input type="radio" name="TestRadio" value="1" checked="checked" />
    <input type="radio" name="TestRadio" value="2" />
</form>



여기서 Year 텍스트 필드의 값을 가져오고자 할때 아래와 같이 작성할 수 있습니다.

$("#TestForm > input[name='TestText']").val();


※ 참고로 #TestForm 옆의 > 는 해당 객체의 하위 객체를 의미하지만 적지 않아도 문제가 되진 않습니다. 단지, 공백만으로는 가독성이 떨어지기 때문에 구분을 위해 적었습니다.

INPUT 객체의 name 속성을 기준으로 해당 문자열에 맞는 객체를 가져오는 것이죠.
마찬가지로 라디오 객체의 값을 가져올때는 아래와 같이 작성할 수 있습니다.

$("#TestForm > input:radio[name="TestRadio"]:checked").val();// 결과: 1
$("#TestForm > input[name="TestRadio"]:checked").val();// 결과: 1


위의 두가지 모두 결과는 1 을 얻을 수 있습니다. 바로 [name='TestRadio'] 를 적었기 때문이죠. INPUT 객체의 name 속성이 맞는 객체를 가져오게되고, 그 중에서 현재 체크된 라디오 버튼의 value 를 돌려줍니다. (라디오 버튼은 그룹별로 같은 name 을 지정합니다.)

단지 이것뿐이라면 얼마나 유용할까? 하느 생각이 들 수 있습니다.
이게 다가 아니라 또 다른 기호를 통해 매칭되는 문자열을 찾아서 객체를 가져올 수 있습니다.

<!-- 예제 HTML -->
<form id="TestForm">
    <input type="text" name="TypeA" value="Type A" />
    <input type="text" name="TypeA_Desc_1" value="A1" />
    <input type="text" name="TypeA_Desc_2" value="A2" />
    <input type="text" name="TypeB" value="Type B" />
    <input type="text" name="TypeB_Desc_1" value="B1" />
    <input type="text" name="TypeB_Desc_2" value="B2" />
</form>


이와 같은 폼을 구성해야 할때 여러 폼들을 관리하는게 여간 힘든게 아닙니다.

만약, TypeA 인 항목들을 가져올때 아래와 같이 작성함으로써 쉽게 가져올 수 있습니다.

$("#TestForm > input[name^='TypeA']");


name 속성 중에서 TypeA 로 시작하는 객체들을 돌려주는 쿼리 입니다. name^= 에서 ^ 기호는 "~로 시작하는" 의미의 문자입니다.
반대로 어떤문자로 끝나는 이름이라면 name$= 으로 적으면 됩니다.

$("#TestForm > input[name$='Desc_1']");


이 쿼리는 Desc_1 로 끝나는 객체 2개를 반환합니다.

그러나 시작과 끝만으로는 유용성이 별로 없을지도 모르죠. 어떤 문자가 들어 있는 것을 모두 찾고 싶을때는 name*= 을 사용합니다.

$("#TestForm > input[name*='Desc']");


그럼 name 속성에 Desc 문자가 들어간 4개의 객체가 반환됩니다.
마찬가지로, name!= 으로 해당 문자열이 아닌 객체만 선택할 수 있습니다.

$("#TestForm > input[name!='TypeA']");



게다가 이러한 표현식은 name 속성에만 쓸 수 있는 것이 아니라, 객체의 속성 모두에 사용할 수 있습니다.

$("form[id='TestForm']");


따라서, 이것도 가능하다는 것이죠. (다만 의미가 없을뿐...;)

개발자가 직접 설정한 속성도 모두 적용 가능하기 때문에, 간단한 쿼리로 쉽게 원하는 객체를 찾을 수 있습니다. :)


블로그 이미지

스마트전

,

 

<body>
     <input type="checkbox" id="mod_gb1" name="mod_gb" value="1" class="border-none" /> 이용 <br />
     <input type="checkbox" id="mod_gb2" name="mod_gb" value="2" class="border-none" />  변경 <br />
     <input type="checkbox" id="mod_gb3" name="mod_gb" value="3" class="border-none" />  해지

     <input type="button" id="btn" />
</body>

1. 특정 체크박스 체크 확인


<script>
      $('#mod_gb2').click(function() {
       var ischecked = $('#mod_gb2').attr('checked');
       
       if(ischecked){
           alert("2번이 체크되었습니다.");
       }else{
           alert("2번이 체크되지 않았습니다.");
       }
      });
</script>


2. 체크 박스 전체

$('input[name=mod_gb]:checkbox').click(function() { // name이 mod_gb인 체크박스 그룹의 아무 박스를 선택하면
       var gb1 = $('#mod_gb1').attr('checked');
       var gb2 = $('#mod_gb2').attr('checked');
       var gb3 = $('#mod_gb3').attr('checked');
       if(gb3 && (gb1 || gb2)){
            alert("ID 해지는 다른 항목과 중복 선택하실 수 없습니다.");
            $('#mod_gb3').attr('checked', false);
       }
});

3. 체크박스 선택 유무 확인

$('#btn').click(function(){
    var cnt = $("input[name=mod_gb]:checkbox:checked").length;
    if(cnt < 1){
         alert('한 개 이상을 선택하셔야 합니다');
    }else{
         alert(cnt+'개가 선택되었습니다');
    }
});

4. 체크박스 숫자 확인

  $('#all').click(function() {
      var checkboxCnt = $("input:checkbox").length; // 체크박스 전체 갯수
      var checkYn = $('#all').attr('checked');
      if(checkYn){
          $('input:checkbox').attr('checked',true);
          $('input:checkbox').attr('disabled',true);
          $('#all').attr('disabled',false);
      }else{
          $('input:checkbox').attr('checked',false);
          $('input:checkbox').attr('disabled',false);
      } 
  }); 


블로그 이미지

스마트전

,