자바스크립트(Javascript) 기초 - 함수 / 오브젝트

안녕하세요. 솔렐레입니다.
오늘은 자바스크립트에 대해서 포스팅하도록 하겠습니다. 함수와 오브젝트에 대해서 정리할 예정인데요.  함수를 통해 여러 처리들을 한 번에 할 수 있고 목적이나 용도에 따라 필요한 기능을 따로 모은 후 필요한 곳에서 호출하게 되면 코드를 더 간단하고 효율적으로 작성할 수 있게 됩니다. 간단한 개념 정리와 예제들로 어떻게 함수를 사용하면 될지 알아보도록 하겠습니다. 그리고 자바스크립트를 유용하게 사용할 수 있도록 하는 내장 오브젝트에 대해서도 몇 가지 대표적인 함수들과 메서드들을 정리하겠습니다. 그럼 시작하겠습니다.

---

[함수(Function)이란]
함수란 프로그램에서 반복 수행하는 계산이나 작업을 묶어놓은 것을 의미합니다.

// 파라미터가 없는 함수
function wirteJavascript()
{
	document.write('Hello Javascript');
}

// 파라미터가 있는 함수
function addName(LastName, FirstName)
{
	name = LastName + FirstName;
	return name;
}

// 글로벌 변수
a=2;

// 로컬 변수
function localVar()
{
	var a;
	a=1;
	document.write(a);
}

localVar(); // 결과 값 1
document.write(a); // 결과 값 2

함수를 만들기 위해서는 함수명을 정의한 후, 처리하려는 내용에 대한 코드를 작성합니다. writeJavascript 함수와 같이 파라미터가 없이 호출을 한다면 호출 후 지정된 기능을 수행합니다. 그 아래에 있는 addName의 경우는 파라미터를 지정하여 인수로 받은 값을 함수 안에서 사용할 수 있습니다. 처리된 내용을 함수로 호출한 곳으로 리턴하여 처리를 계속 진행하게 됩니다.
함수 내외부에서 처리할 수 있는 변수는 로컬 변수와 글로벌 변수로 나눌 수 있습니다. 로컬 변수의 경우 함수 내에서 선언된 변수로 var로 선언한 변수는 함수 내에서만 사용할 수 있습니다. 이와 다르게 글로벌 변수는 함수 밖에 선언하여 생성한 경우를 의미합니다. 이렇게 선언된 변수는 선언한 파일뿐 아니라 다른 파일에서도 호출하여 그 값을 사용할 수 있습니다.

[자바스크립트 오브젝트(Object)]
자바스크립트의 일반 오브젝트는 내장 오브젝트로 ECMAScript에 내장되어 있습니다. 이 오브젝트 중 몇 가지를 정리하여 소개드리겠습니다.

내장 오브젝트	설명
Array Object	- 배열을 이용한 오브젝트로 여러 개의 값을 넣을 수 있는 변수의 모임에 대한 기능 - slice() 메서드: 배열의 일부를 잘라낼 때 사용 - push() 메서드: 배열의 끝에 요소를 추가 - unshift() 메서드: 배열의 처음에 요소를 추가 - pop() 메서드: 배열의 끝 요소 삭제 - shift() 메서드:배열의 맨 처음의 요소 삭제
RegExp Object	- 정규 표현으로 패턴 매치를 수행하는 오브젝트 ex) str = "I like pizza" reg = new RegExp("[a-z][4]"); mat = str.match(reg); : str 변수에서 소문자로된 알파벳 중 다섯 문자로 된 패턴 오브젝트를 생성. mat[0] = pizza
String Object	- 문자열을 취급하는 오브젝트 - lenth 프로퍼티를 이용하여 문자열의 길이 확인 - chatAt() 메서드: 문자열에서 지정된 한 문자 추출 - split() 메서드: 문자열을 배열로 분할 - indexOf() 메서드: 문자열을 처음부터 검색. 문자를 찾았을 때는 인덱스 번호를 반환하고 찾지 못했을 때는 '-' 문자를 반환함
Math Object	- 수학 함수를 다루는 오브젝트 - random() 메서드: 난수 발생 - abs() 메서드: 절대값 - floor() 메서드: 내림 - ceil() 메서드: 올림 - round() 메서드: 소수점 이하 버림 - max(), min() 메서드: 최대, 최소 값 - pow() 메서드: 거듭제곱
Date Object	- 날짜와 시간을 다루는 오브젝트 - getFullYear() 메서드: 연도를 반환 - getMonth() 메서드: 월을 반환 - getDate() 메서드: 일을 반환 - getDay() 메서드: 일요일을 0으로 하여 0~6까지 요일을 반환 - getHours() 메서드: 시간을 반환 - getMinutes() 메서드: 분을 반환 - getSecond() 메서드: 초를 반환 - getTime() 메서드: 현재 시간을 밀리초 단위로 반환

[참고 내용 - 메타 문자]
정규 표현은 문자열을 검색할 때 공통되는 패턴을 가지고 있는 문자열을 검색할 경우에 사용하는 표현 규칙입니다. 정규 표현에 대표적인 메타 문자에 대해서 정리하도록 하겠습니다. 위에서 설명드린 RegExp 오브젝트를 사용하기 위해서는 정규 표현에 대한 내용도 공부가 필요하니 참고해주시면 될 것 같습니다.

메타문자	의미	메타문자	의미
.	임의의 한 문자	( )	정규 표현의 그룹
*	0번 이상의 반복	[ ]	문자 클래스
+	1번 이상의 반복	{n}	n 번 반복
?	0번 또는 1번 이상의 반복	{n,}	n 번 이상 반복
^	처음	{n,m}	n 번 이상 m번 이하 반복
$	끝	\	메타 문자를 문자로 취급
|	선택

---

이것으로 함수와 오브젝트에 대한 내용을 정리하도록 하겠습니다. 자바스크립트를 사용하면서 함수와 메서드를 사용하는 것은 기본입니다. 해당 내용을 바탕으로 좀 더 심화된 코드를 작성할 수 있도록 연습하는 것이 중요할 것 같습니다. 감사합니다. :)