내장기능_ isNaN, parseFloat, parseInt, encodeURI, decodeURI, decodeURI, encodeURIComponent, decodeURIComponent, setTimeout, setInterval, clearInterval

1. isNaN ( value )

숫자가 아닌 상태 : NaN

ﾠﾠﾠ-->ﾠ숫자가 아니라면 true,
ﾠﾠﾠﾠﾠﾠﾠ숫자가 맞거나 숫자로 변환 가능한 형식이라면 false
' NaN '은 같음을 표현하는 연산자 ( == or === )을 사용할 수 없다.
따라서 " isNaN " 함수로 NaN을 판별해야 한다.

isNaN 함수

2. parseFloat( value )

주어진 값에서 변환한 부동소수점( 실수 )을 리턴
쉽게 말해 따옴표를 없애주는 기능
변환할 수 없다면 ' NaN ' 을 반환

paseFloat 함수

 

3. paseInt( value, Int )

첫 번째 파라미터( value )를 10진수 정수 값으로 변환
두 번째 파라미터( Int )는 몇 진법으로 바꿀지 알리는 값 -> 명시하지 않으면 10진법으로 변환

변환할 수 없다면 ' NaN ' 을 반환 -> 숫자만 있는 10진법이나 8진법에서 문자를 출력할 경우

10진법						0	1	2	3	4	5	6	7	8	9	10	11	12	13	14	15	16	17	18	19	20	21
16진법						0	1	2	3	4	5	6	7	8	9	A	B	C	D	E	F	10	11	12	13	14	15
8진법						0	1	2	3	4	5	6	7	10	11	12	13	14	15	16	17	20	21	22	23	24	25

16진법을 표기할 때에는 앞에 ' 0x '를 표기 후 작성하고 ( A~F까지는 그냥 작성해도 됨),
8진법을 표기할 때에는 앞에 ' 0o ' 를 표기 후 작성한다.

paseInt 함수

4. encodeURI( string ) / decodeURI( string )

인터넷 주소에 한글을 넣기 위한 URL 인코딩 기법
즉, 주어진 문자열은 URL에 포함시키기 적적한 형태로 변환

브라우저상에는 다시 역변환 과정인 URL 디코딩을 한 뒤 적용

ﾠﾠﾠ인코딩이 필요 없는 문자ﾠ➞ﾠA-Zﾠa-zﾠ0-9ﾠ;ﾠ.ﾠ,ﾠ/ﾠ?ﾠ:ﾠ@ﾠ&ﾠ=ﾠ+ﾠ$ﾠ-ﾠ_ﾠ!ﾠ~ﾠ*ﾠ'ﾠ(ﾠ)ﾠ#
ﾠﾠﾠﾠﾠﾠﾠﾠﾠﾠﾠ➥ 예약 문자 ➞ﾠ;ﾠ,ﾠ/ﾠ?ﾠ:ﾠ@ﾠ&ﾠ=ﾠ+ﾠ$ﾠ#
ﾠﾠﾠﾠﾠﾠﾠﾠﾠﾠﾠ➥ 비예약 문자 ➞ﾠ-ﾠ_ﾠ.ﾠ!ﾠ~ﾠ*ﾠ'ﾠ(ﾠ)

왼쪽 - 여러 문자열을 인코딩 / 오른쪽 - 인코딩된 문자열을 다시 디코딩

5. encodeURIComponent( string ) / decodeURIComponent( string )

' encodeURI( string ) ' 와 ' decodeURI( string ) ' 보다 더욱 정교하게 인코딩, 디코딩해줌

encodeURI / decodeURI 와 encodeURIComponent / decodeURIComponent 의 차이

6. setTimeout ( Func, Int )

첫 번째 인자로 지정된 함수를 두 번째 인자로 전달된 시간 후에 실행하도록 예약( 딜레이 기능 )
첫 번째 파라미터인 Func : 콜백 함수
두 번째 파라미터인 Int : 1/1000초 단위의 시간 값
' setTimeout ' 함수 이후의 처리 로직은 " Func " 와 상관없이 즉시 실행 ( 비동기 처리 )

setTimeout의 딜레이 기능 구현

 

 

7. setInterval( Func, Int ) / clearInterval

첫 번째 인자로 지정된 함수를 두 번째 인자로 전달된 시간마다 한 번씩 호출( 타이머 기능 )
첫 번째 파라미터인 Func : 콜백 함수
두 번째 파라미터인 Int : 1/1000초 단위의 시간 값
' setInterval ' 함수 이후의 처리 로직은 " Func " 와 상관없이 즉시 실행 ( 비동기 처리 )
타이머를 종료시킬 수 있는 ' timerid ' 를 반환 ➞ 이 값을 " clearInterval( ) " 함수에 전달

setInterval 함수와 clearInterval 함수의 타이머 기능 구현