Bongster's

자바스크립트 객체 1. 클래스 기반의 객체 지향 특징 객체, 메서드, 속성 클래스 캡슐화 집합 상속성 다형성 객체, 메서드, 속성 세상의 모든것을 의미 == 객체 객체가 가지는 특징 == 속성 , 행동 == 메소드 클래스 객체를 만들어 내는 청사진 또는 프레임 또는 객체를 만들어 내는 레시피 ex) 참새 객체와 독수리 객체 는 새라는 객체(Class)에 해당됩니다. 캡슐화 관련 속성과 메서드를 하나의 객체로 묶어 포함할 수 있음 을 나타냅니다. 정보은닉 가스렌지 사용자가 버튼만 가지고 불을 다룰수 있게, 겉에 나와있는 메서드 또는 속성을 통해 객체를 변경하는 행위를 구현한 코드 입니다. 즉. 안에 구현이 어떻게 되었는지, 어떻게 작동하는지 알 필요가 없습니다. 자바스크립트에서는 모든 메섣, 속성은 public로 정의 됩니다. 집합 몇 개의 객체를 합쳐서 하나의 객체로 만든 것을 의미합니다. 분할/정복, 그리고 종합하는 과정을 지원 합니다. 상속성 코드를 재사용하거나 기존 코드를 확장하는 좋은 방법 부모 클래스에 있는 메소드나 속성이 자식 클래스에 있는 메소드와 속성으로 대체 할수 있습니다. 자바스크립트에서는 프로토타입을 통한 상속을 지원합니다. 다형성 동일한 이름의 메서드를 호출하더라도 실제 호출 대상이 되는 객체에 따라 서로 다른 메서드를 실행되는것을 의미합니다. Korean --> Person **--> 부모를 의미** 일때 둘다 talk라는 메소드를 가지고 있고, 두명의 talk라는 메소드에 대한 구현이 다릅니다. 이럴 경우 하나의 인스턴스에서 talk라는 메소드를 실행 했을 때 Korean , Person 중 하나의 talk가 나올수 있는 것을 다형성 이라고 합니다. 다형성이란? 여러 객체가 동일한 메서드 호출에 반응하는 능력을 말합니다. 2. 객체 생성 객체의 정의 및 생성 자바스크립트 내장 생성자 함수와 클래스의 차이점 3. Ob...

Spring REST API 세팅시 PUT, DELETE 오류 잡기 404 Error Spring에서 RESTful 방식으로 API를 구성해놓고 JavaScript를 통해 GET,POST,PUT,DELETE 명령어를 사용하면 GET, POST를 잘 되는데 PUT,DELETE 메소드에서 404 에러를 발생한다. 실행은 잘하는데;; 해결방법 < filter > < filter-name > hiddenHttpMethodFilter </ filter-name > < filter-class > org.springframework.web.filter.HiddenHttpMethodFilter </ filter-class > </ filter > < filter-mapping > < filter-name > hiddenHttpMethodFilter </ filter-name > < url-pattern > /* </ url-pattern > </ filter-mapping > 400 Bad Request Spring에서 PUT 메소드를 통해 데이터를 보낼때 400 Error가 발생합니다. < filter > < filter-name > HttpPutFormContentFilter </ filter-name > < filter-class > org.springframework.web.filter.HttpPutFormContentFilter </ filter-class > </ filter > < filter-mapping > < filter-name > H...

변수 스코프 자바스크립트의 변수 관리를 잘 이해하면 자바스크립트에서 혼란스럽거나 예민한 부분을 이해 할수 있습니다. 변수 관리 메커니즘과 관련된 개념 변수 스코프 체인 클로저 함수 또는 객체를 생성하는 클로저 모듈패턴 jQuery 코드 구조 를 쉽게 이해할수 있습니다. 1. 함수 단위의 변수 관리 다른 프로그래밍 언어에서는 중괄호를 사용해 변수 영역을 결정하나 자바 스크립트 에서는 함수 단위로 변수 스코프가 정의됩니다. val a = 1 ; function f () { if ( true ){ var c= 2 ; } return c; // if 문 블록에 정의된 변수 c를 반환 합니다. } f(); // 2를 반환 합니다. > if 문 블록 외부의 함수 코드에서 c에 접근 가능합니다. var 없이 변수를 정의하면 파싱 단계각 아니라 런타임에 전역 변수 스코프로 정의 됩니다. function f () { g = "global1" ; // var가 없으므로 전역변수에 해당합니다. } f(); alert(g); var를 사용하지 않고 이용했을 때 위험하니 되도록이면 사용하지 맙시다.!! 2. 변수 스코프 객체 함수의 호출 인자 ,매개변수 , 그리고 파싱후에 얻게 되는 함수 내부변수에 대한 값을 관리하는 객체 해당 함수의 지역변수를 관리하는 객체 function f () { var a = 1 ; return a; }; f(); 변수 스코프 == 객체 function f (x ,y) { var a = x + y; return a; } var r = add( 1 , 2 , 3 ); /* 생성되는 변수 스코프 객체 arguments = [1,2,3] x : 1 y : 2 a : un...