---
title: "JavaScript 정리 07"
date: "2019-02-13"
tags: ["JavaScript"]
status: archived
verified: false
---
---
## 함수
* **데이터형 반환**
```javascript
typeof()
```
* **경고창**
```javascript
alert()
```
* **출력**
```javascript
document.write()
document.writeln()
console.log()
```
* **정수**
```javascript
parseInt()
```
## Math클래스
* **수학관련 클래스로 여러 함수가 존재**
```javascript
Math.abs() // 절대값
Math.round() // 반올림, 무조건 소수점이하 첫번째 자리에서 반올림
Math.ceil() // 올림
Math.floor() // 내림
Math.random() // 난수발생
```
## 문자열 함수
* **글자수(길이)는 속성으로 제공**
* 함수가 아니다! "()"붙이면 에러발생
```javascript
변수명.length
```
* **대문자 변환**
```javascript
변수명.toUpperCase()
```
* **소문자 변환**
```javascript
변수명.toLowerCase()
```
* **문자 하나 얻기**
```javascript
변수명.charAt(인덱스)
```
* **인덱스 얻기**
* 자바처럼 startsWith는 없지만 lastIndexOf는 사용가능
```javascript
변수명.indexOf('문자열')
변수명.lastIndexOf('문자열')
```
* **자식문자열 얻기**
```javascript
변수명.substring(시작인덱스, 끝인덱스+1);
```
* **앞 뒤 공백제거**
```javascript
변수명.trim()
```
* **특정문자로 구분하여 배열로 얻기**
```javascript
변수명.split('구분할문자열')
```
* **치환**
* **가장 먼저 찾아지는 문자열만 바꾼다.**
* Java에선 모든 문자열을 바꾼다.
```javascript
변수명.replace('찾을문자열', '변경할문자열');
```
## 재귀호출 함수
* thread와 비슷, 지정된 시간마다 함수를 호출
```javascript
setTimeout(호출할함수, ms)
```
## 날짜
* **Date클래스 사용**
* **날짜는 서버의 날짜가 아니라 접속자의 날짜정보를 사용한다.**
* **접속자별로 시간이 다르게 나올 수 있다!**
* **멱등성 위배**
* (위키) 멱등법칙, 멱등성(idempotent) : 수학이나 전산학에서 연산의 한 성질, 연산을 여러 번 적용하더라도 결과가 달라지지 않는 성질을 의미.
```javascript
// 1. 생성
var 객체명 = new Date();
// 2. 함수호출
객체명.getYear() // 1900을 더해줘야 현재연도가 나옴(잘안쓰임)
객체명.getFullYear() // 현재연도
객체명.getMonth()+1 // 월, 자바처럼 0월부터 시작(+1 해야함)
객체명.getDay() // 일
객체명.getHours() // 시간
객체명.getMinutes() // 분
객체명.getSeconds() // 초
```
## 함수 사용 예제
```html
```
```html
```
```html
```
## HTML5 지원 속성
* **autofocus**속성을 주면 커서가 이동하고 시작됨
```html
```
* **tabindex** 속성
* 탭을 눌렀을 때 다음에 이동할 태그순서를 명시가능
```
tabindex="1" // 1,2,3...
```
## JS에서 커서를 요청할 때
* **커서 이동시키기**
```javascript
document.폼이름.control명.focus();
```
## 이벤트
* **window.event객체**를 사용하여 처리
* onOOO 제공한다.(onclick, onchange, ... )
* **window.event.keyCode** 또는 **window.event.which**로 키보드이벤트 처리할 때 눌린 키의 키값을 얻을 수 있다.
* **함수는 onkeydown, onkeyup, onkeypress**에 의해 호출
* **이벤트리스너 keydown, keyup, keypress**에 의해 호출
```javascript
function 함수명() {
// 키코드값얻기(which와 keyCode 결과는 동일)
window.event.keyCode
.which
}
```
## 숙제
* this와 정규식을 사용한 풀이
```html
```
```html
```
