이것저것 남겨두는 블로그

1. 타이머 함수

- 특정한 시간에 특정한 함수를 실행가능하게 한다.

- 타이머 함수 종류 

2. 인코딩과 디코딩 함수

- 인코딩: 문자를 컴퓨터에 저장 혹은 통신에 사용할 목적으로 부호화 하는 방법

- 디코딩: 인코딩을 원래대로 되돌려 놓는 것

[escape( )]

- 영문 알파벳, 숫자, 일부 특수문자(@, *, -, _, +, ., /)를 제외하고 모두 인코딩

- 1byte문자는 %XX의 형태로, 2byte문자는 %uXXXX형태로 변환

[encodeURI( )]

- ecape()함수에서 인터넷 주소에 사용되는 일부 특수문자( :, ;, /, =, ?, &)는 변환하지 않음

[encodeURIComponent( )]

- 알파벳과 숫자를 제외한 모든 문자를 인코딩

- UTF-8인코딩과 같음

인코딩은 초기에 escape()함수만 있었으나, 시간이 지남에 따라 진화했다. 현재는 encodeURIComponent()함수를 가장 많이 사용하고 있다.

3. 코드 실행 함수

 - 자바스크립트는 문자열을 코드로 실행할 수 있는 특별한 함수를 제공한다.

4. 숫자 확인 함수

- 변수의 숫자가 Infinity와 NaN(Not a number)와 같은 특별한 숫자인지 확인하는 함수

- 대부분의 프로그래밍 언어는 0으로 숫자를 나누면 오류가 발생하며 프로그램이 멈추지만, 자바스크립트는 0으로 숫자를 나누면 infinity값이 들어간다 

5. 숫자 변환 함수

- 여기서 Number의 경우 숫자로 바꿀 수 없으면 NaN으로 변환하다는 단점이 있다

ex)

<string>

var won = '1000원';

var dollar = '1.5$';

alert(Number(won) + ' : ' + Number(dollar));

</script>

이 경우 alert창에서 "NaN, NaN"이 출력된다.

반면 parseInt를 사용했을 경우 "원"과 "$"를 제외하고 숫자만 고려하여 "1000 : 1"이,

parseFloat를 사용했을 경우 "1000 : 1.5"가 출력된다.

6. 문자열 변환 함수

7. 가변인자 함수

- 매개변수의 개수가 변할 수 있는 함수

- 대표적으로 Array()함수가 있다

- Array함수의 형태

1. 함수란?

- 함수는 프로그램에서 특정 작업을 하기 위해 독립적으로 만들어진 하나의 단위를 의미한다.

- 함수는 일반적으로 특정한 일을 하도록 모아 놓은 코드의 집합체이다.

2. 익명 함수

- function() {}의 형태인 함수이나 이름이 없다.

- 생성 방법 예시

<script>

var func = function(){

var output=prompt('숫자를 입력해주세요.', '숫자');

alert(output);

}

func();

</script>

3. 선언적 함수

- 이름이 있는 함수

- 생성방법 예시

<script>

function printABC() {

alert("ABC");

}

</script>

4. 가변인자 함수

- 자바스크립트는 모든 함수가 기본적으로 내부 변수 arguments를 가진다.

- arguments는 매개변수의 배열이며, 이 arguments 객체를 사용해서 가변함수를 사용할 수 있다.

- 사용 예시

<script>

function sumAll(){

var output = 0;

for( var i=0; arguments.length; i++ ) {

output += arguments[i];

}

return output;

}

alert( sumAll(10,20,30,40,50,60,70,80,90,100) );

</script>

5. 콜백함수

- 매개변수로 전달하는 함수를 전달하는 함수이다.

- 사용 예시

<script>

//함수 선언

function callTenTimes(callback) {

for (var i=0; i<10; i++){

callback();

}

}

//익명함수를 담는 변수 선언

var callback = function() {

alert('함수 호출');

};

//함수 호출

callTenTimes(callback);

</script>

6. 함수를 리턴하는 함수

- 사용 예시

<script>

function returnFunction() {

return function() {

alert('Hello Function!');

};

}

returnFunction()();

</script>

1.자바스크립트의 자료형

자바스크립트에선 어떤 자료형이 있는지 알아보자

[문자열]

- ""나 ''사이에 들어가는 문자를 의미

- 예외적인 문자열 사용법 :

1) 내부에 작은 따옴표 사용 시 외부에 큰 따옴표 ex) "문자열 'string' "

2) 내부에 큰 따옴표를 사용 시 외부에 작은 따옴표 ex) '문자열 "string" '

3) 이스케이프 문자의 사용

이스케이프 문자 종류

만일 큰 따옴표 안에서 또 큰 따옴표를 쓰고 싶다면 이스케이프 문자를 사용할 수 있다.

[숫자]

- 정수와 유리수 구분 없이, 자료형의 선언없이 사용 가능

- 정수: 기본은 10진수. 처음숫자가 0일 경우 8진수로, 0x로 시작할 경우 16진수로 인식한다.

[boolean]

 true와 false 두 가지 값을 가지는 자료형

[자료형 확인법: typeof]

typeof함수를 사용하여 자료형을 확인할 수 있다.

ex)

<script>

alert( typeof('String') );

alert( typeof(273) );

</script>

2. 변수

변수란 값을 저장할 때 사용하는 식별자이다. 자바스크립트에서는 숫자 뿐만 아니라 모든 자료형을 저장 가능하다.

[선언 방법]

var 식별자

ex)

<script>

// 변수를 선언합니다.

var pi;

</script>

1. Java Script의 키워드(keyword)

[키워드란?]

자바 스크립트가 처음 만들어질 때 정해진, 특별한 의미가 있는 단어이다. 모든 브라우저에서 아래와 같은 키워드들을 지원하며, 이 키워드들은 식별자로 정의할 수 없다.

[자바스크립트의 키워드 종류]

break, if, else, instanceof, true, false, switch, case, default, try, catch, finally, null, typeof, continue, for, return, var, new, function, void, delete, this, while, do, in, throw, with 

[미래에 사용될 가능성이 있는 자바스크립트 키워드]

abstract, boolean, byte, char, class, const, debugger, double, enum, export, extends, final, float, goto, implements, imports, int, interface, long, native, package, private, protected, public, short, static, super, synchronized, throws, transient, volatile

-W3c에서는 자바스크립트 프로그램 작성 시 위의 키워드들을 사용하지 않기를 권고하고 있고, 이 중 일부 키워드는 이미 몇몇 브라우저에서 사용되고 있다.

2. Java Script의 식별자

[식별자란?]

변수나 함수의 이름이 될 수 있는 프로그래머가 선언하는 단어.

[식별자 생성시 규칙]

- 키워드 사용불가

- 숫자로 시작 불가

- 특수 문자는 _와 $만 허용

- 공백 포함불가

[식별자 생성할 때의 관례]

- 모든 언어가 사용 가능하나 알파벳 사용이 관례

- 의미 있는 단어 사용

- 생성자 함수의 이름은 대문자로 시작

- 변수와 인스턴스, 함수, 메소드 이름은 소문자로 시작

- 식별자가 여러 단어로 이뤄지면 각 단어의 첫 글자는 대문자

[자바스크립트의 식별자 종류]

ex)

alert('aaa') -> alert은 함수

Array.length -> length는 속성

input -> input은 변수

Math.abs(-200) -> abs는 메서드

1. 자바 스크립트란?

자바스크립트(JavaScript)는 객체기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다.

자바 스크립트의 큰 역할은 사용자와 페이지 간의 상호작용이 가능하게 하기 위해 사용되며 이로써 동적인 웹 페이지를 제공할 수 있다는 것이다.

2. 자바와 자바 스크립트의 차이점

3.자바 스크립트의 활용

초기의 웹은 변화가 없는 정적 글자들의 나열로 되어 있었고 웹은 hyperlink라는 매개체를 사용해 웹 문서가 연결된 거대한 책에 불과하였다. 하지만 자바스크립트가 등장함으로써 웹 문서의 내용을 동적으로 바꾸거나 이벤트 처리를 할 수 있는 기능들이 생겼다. 현재는 자바스크립트를 통해 웹 브라우저 만으로도 워드, 엑셀, 파워포인트 같은 애플리케이션이 사용가능해졌다.

- 크롬 : 웹 스토어를 통해 웹 브라우저 상에서 실행되는 웹 애플리케이션을 거래할 수 있다.

- 파이어폭스: 자바스크립트로 애플리케이션을 제작.

4.자바스크립트 작성 방법

기본 페이지의 head태그 사이에 script 태그를 삽입한다.

ex)

<!DOCTYPE html>

<html>

<head>

<title></title>

<script>

/*자바 스크립트 내용*/

</script>

</head>

<body>

</body>

</html>

위의 경우에는 body태그를 읽기 전 script가 실행된다.

여기서 script태그를 body태그 안에 넣을 수 있는데 그렇게되면 head태그를 실행한 이후 자바 스크립트가 실행된다.