[javascript]자바 스크립트 기초

썸네일이미지

일단 자바 스크립트의 장점부터 이야기 해보겠다

자바 스크립트가 좋은 이유는 절차,  객체, 함수 형으로 모든 것을 활용 가능하고 이러한 기법을 

활용 할 수 있다는것이 가장 큰 장점이다 

 그리고 백앤드 언어인 자바처럼 내용이 변경되면 서버 재시작 필요없이 클라이언트 단에서

바로 변경이 확인 가능한다는 것이 그 장점이라고 볼 수 있다

 

자 그럼 자바 스크립트의 기초적인 내용을 서술한다 

 

• 변수
  변수를 지정할때 아래와 같이 초기화 한다 
  (이 초기화 한다라는 말은 변수를 지정하면서 값을 삽입 한다라는 의미정도로 이해하면 된다 )

var testText = 'test';
var testText2 = "test";JAVASCRIPT

자 변수를 초기화 하면서 의문이 var 는 무엇인가에 대한것인데 variable 의 어원이다 
뜻은 변수 라는 뜻이고 변하는 수 라고 이해하면 된다 이 변수가 컴퓨터상에 어디에 존재하는지는 
추후에 더 자세히 알게될것이지만 저런형식으로 변수를 초기화하면 우리 컴퓨터의 메모리(ram)
어딘가에 저 변수의 값이 할당되어있다
그리고 자바 스크립트는 자바와 다르게 ' 을 사용해도 문자열이고 " 을 사용해도 문자열이다 편한대로 
이용하면 된다 
자바 스크립트는 자바와는 다르게 var 에 어떠한 타입의 데이터를 넣어도 상관이 없다 

약간 다른부분은 함수를 집어 넣을 수도있다는것이다

var fn = function( data ) { console.log("data:" + data ); } 

이러한 형식도 가능하다 

자바스크립트는 자료형을 사용하지 않습니다 

그냥 var 하나입니다 대입되는 데이터를 따라 변하게 되므로 간편합니다 

 

그리고 자바스크립트가 가장 좋은 점 이라고 하는 부분중 하나는

변수에 객체를 삽입 한다는것입니다 

실무에 투입하게 되면 

이런식으로 되어있는 소스를 많이 보게될것입니다 

 

main.data = {
	g_data1 : "데이터1",
	g_data2 : "데이터2",
    	g_data3 : "데이터3",
    	g_fn_getData : function (param){
    		console.log(param);
        }

}JAVASCRIPT

이러한 형태는 객체를 이용해 속성을 삽입하는 것이다

메인 데이터 객체 안에는 g_data가 있고 그 값은 "데이터1" 입니다 이런식으로 데이터를 

다루고 이게 자바스크립트의 꽃이라고 할 수 있다

그리고 객체 안에 있는 함수형태의 속성은 메소드 라고 칭한다 

main.data.g_fn_getData 는 메소드라고 한다 이것을 기억하자 아주 많이 사용 될것이다 

 

이 객체의 값을 가져와 사용 할때에는 

main.data.g_data1 와 같이 가져와 사용한다 

그리고 객체의 값을 가져올수도 있으며 변경 할 수도있다 

main.data.g_data1 = "테스트 데이터";JAVASCRIPT

이처럼 데이터를 객체로 생성하여 객체안에 속성을 삽입하고 속성의 키 값을 이용해 

값을 변경 또는 가져와 활용 할 수있다

 

그리고 객체를 생성하는 법은 var main = {} 처럼 생성할 수있지만 

반대로 다르게는 이러한 방법도 있다

var main = new Object();

main.data = "test데이터";
main.body = new Object();JAVASCRIPT

이처럼 객체를 생성하고 그 객체 안에 속성에다 또 객체를 생성 할 수있다 

왜 이런 방법을 설명 하냐면 

예를들어 객체 하나가 학교 라는 데이터를 집어 넣는다 라고 하자 그럼 학교 라는 객체 안에 1학년 2학년

3학년 이라는 속성이 들어갈것이고 그 속성 안에는 1학년 1반 2반 3반 이라는 속성이 들어갈것이다 

또한 1학년 에는 1번부터 2번 3번 처럼 여러 학생의 속성이 들어가야 할것이기 때문에 이러한 식으로 

객체를 생성하는것이다 소스코드로 예를 들어보자면 

var school = {

    aFirst : {
    	sud1 : "간디",
        sud2 : "피를보고싶나",
        sud3 : "유혈사태"
    }
    aSecond : {
    	sud1 : "일론머스크",
        sud2 : "테슬라",
        sud3 : "화성가즈아"
    }

}JAVASCRIPT

위 소스를 보고 이해해보자 학교 라는 객체 안에는 두개의 속성이 있다 

1학년 속성과 2학년 속성이 있다 그리고 

1학년 속성 안에는 1반인 간디반이 있고 2반은 피를보고싶나 3반은 유혈사태 반이 있다 총 3개의 반이있다

2학년은 3개의 반(속성)이 있고 반 이름은 1반부터 3반까지 일론머스크 테슬라 화성가즈아 반이 있으며 총 3개다

이제 어느정도 이해가 될것이다 객체에는 객체도 들어갈 수 있고 일반적인 텍스트 데이터도 들어가고 

함수도 들어갈 수 있다 

여분들도 알다시피 객체는 하나의 물리적인 존재나 추상적으로 생각 할 수있는것을 자신의 속성을 가지고 있는것이 

객체의 특징이라 할 수있으니 위와 같이 객체 데이터를 삽입 할 수있는것이다 

 

다음 포스팅에는 객체안에 메서드가 들어있는경우 어떻게 실제로 사용하는지 알아보도록 하자