Hello, World?

오늘도 지친몸을 이끌고 출근..

어제 수정한 페이지의 검색을 눌러본다. 

오잉, 09시 ~ 10 시의 데이터가 나와야 하는데 어째서 09 ~ 01 로 검색이 되는걸까?

소스코드를 본다. 

alert 창을 띄워보니 parseInt(startTime) 이 0으로 나온다. 

이유는 startTime 이 0으로 시작하는 00~09시 였기 때문!

parseInt 는 원래 parseInt(숫자, 진수)로 매개변수를 2개 줘야한다. 

진수가 없이 parseInt(숫자)일 땐 기본적으로는 10진수로 인식하지만

숫자가 0x 로 시작하면 16진수, 0으로 시작하면 8진수로 인식한다고 한다. 

그래서 parseInt(숫자가) 오전에는 0으로 나오니까 

당연히 endTime 이 0+1인 1로 나와서 검색이 안됐다는 말씀. 

해결 방법은 

이렇게 parseInt(시간, 진수) 형식으로 적어주면 된다. 

숫자로 바꾸는 js 메서드는 parseInt 외에도 number 가 있다. 

둘의 차이는 parseInt 는 숫자+다른 값이 붙어도 숫자만 인식하고 

Number 는 숫자만 인식한다는 점. 

그리고 앞서 말했듯, parseInt 는 매개변수가 원래 2개, Number 는 하나라는 점.

이제 한달 차 신입이라서 알던것도 모르겠고 모르는건 더 모르겠다. ㅠㅠ 

앞으로도 새로 알게 된 사실이나 코딩하면서 주의해야 할 점들을 꾸준히 적어야겠다 :)

참고:

http://www.w3schools.com/jsref/jsref_parseInt.asp

http://www.w3schools.com/jsref/jsref_number.asp

 Select option

• 기본 형태.
• <SELECT name="이름">
  <OPTION value="아이템1 전송값" selected>아이템1</OPTION>
  ...
  <OPTION value="아이템n 전송값">아이템n</OPTION>
  </SELECT>
• name : 펄침 메뉴의 이름 지정.
• value : 사용자가 선택하였을 경우에 실제로 서버에 전송되는 내용.
• selected : 문서가 로딩될 때 미리 선택되어져 나타남.
• 아이템 : 펼침 메뉴를 이루는 아이템 제목
•  출처 
• http://blog.naver.com/shylove2456/150095947556
•  29. 폼태그 3 - Select option. |작성자 shylove2456

• [출처] 29. 폼태그 3 - Select option. |작성자 shylove2456

style="width:120px; height:20px;" 를 select에 넣어버리면 텍스트 안보이고 화살표 표시만 나온다 

<select id="sStartTime" name="sStartTime" class="select">

<option value = "">선택</option>

<option value = "00">00</option>

<option value = "01">01</option>

<option value = "02">02</option>

<option value = "03">03</option>

<option value = "04">04</option>

<option value = "05">05</option>

<option value = "06">06</option>

<option value = "07">07</option>

<option value = "08">08</option>

<option value = "09">09</option>

<option value = "10">10</option>

<option value = "11">11</option>

<option value = "12">12</option>

<option value = "13">13</option>

<option value = "14">14</option>

<option value = "15">15</option>

<option value = "16">16</option>

<option value = "17">17</option>

<option value = "18">18</option>

<option value = "19">19</option>

<option value = "20">20</option>

<option value = "21">21</option>

<option value = "22">22</option>

<option value = "23">23</option>

</select>