2021.12.29 TIL

서승원·2021년 12월 29일
0

TIL

목록 보기
44/68


javascript에서의 변수 선언은 java 에서 인스턴스, 함수 등의 여러 기능이 합쳐져있는 것 같다. json이라는 var에 code, name을 각각 선언하면, 멤버변수와 같이 동작하고, print 라는 이름으로 함수를 선언하면 멤버함수와 같이 동작한다. { } 로 var 를 선언하면 객체와도 같다 볼 수 있다.
java와의 차이점은 이와 같이 동적인 변수의 선언, 수정이 가능하다.
obj 라는 var에 선언된 print를 새로 선언할 수도 잇고, 빈 {}로 선언된 obj에 변수와 함수를 새로 입력할 수도 있다.

java에서 클래스를 이용해 인스턴스를 생성하는 new를 javascript에서는 객체의 생성+호출로 사용한다.Temp라는 객체가 생성됨과 동시에 Temp가 가리키는 function이 호출된다.

new를 이용해 java에서의 생성자와 같은 기능을 하게 할 수도 있다. i,j,k의 매개변수를 가지는 function을 가리키게 하여, new를 통해 생성할 때 세 매개변수를 입력하면, Bokri의 멤버 변수에 대입돼서 함수를 수행할 수 있다.

라이브러리를 사용하듯 js 파일을 따로 생성해서 사용할 수도있다. 다른 script 영역을 만들어 src 속성을 지정해서 그대로 사용할 수 있다.

prototype은 사용했을 때, 멤버 변수를 변수 선언에서 따로 선언하고, 멤버 함수를 별도로 선언하기 위한 공간으로 사용할 수 있다. this를 사용할 수있는 공간이다.

jQuery
jQuery의 활용이다. 라이브러리로, 보다 간결하고 직관적인 프로그래밍을 가능하게 하며, 필수적인 기술은 아니지만 bootstrap 등에서 유용한 활용이 가능하고, 크로스 브라우징( 여러 브라우저 간 동일한 동작을 하는 것 ) 을 가능하게 해준다.

다음과 같이 $로 jQuery라는 함수를 대신하여 사용하면 오브젝트를 return받아 사용할 수 있다. ready라는 함수를 호출하면 ready의 매개변수 영역 안에서 jQuery를 이용한 함수 호출이 가능해진다.

css와 함께 사용하면, 위의 코드는 js만을 사용했을때
var t = document.getElementById("t"); 를 통해 포인터를 얻어내고, div에 apple 이라는 class를 지정해야한다. 이를 훨씬 간단하게, "#t" 로 포인터를 얻어내고, addClass로 class를 지정할 수 있다.

profile
2년차 백엔드 개발자, crimy

0개의 댓글