728x90 자바스크립트3 자바스크립트 프로토타입 간단한 예시로 간단하게 이해하기 자바스크립트(JavaScript)는 바야흐로 프로토타입(Prototype) 언어이다. 이게 무슨 소리냐면 자바스크립트에는 클래스라는 개념이 없기 때문에 객체를 복사하여 새로운 객체를 생성하는 프로토타입 기반의 언어인 것이다. 말 그대로 객체의 원형이 프로토타입이다. 어떤 함수를 선언했을 때 프로토타입을 통해서 동적으로 함수들을 추가 할 수 있는 것이다. 여기서 this 를 사용해서 변수를 선언해야 함수 외부에서도 해당 변수를 활용할 수 있다. 프로토타입은 다음과 같이 선언할 수 있다. 배열에도 프로토타입을 적용할 수 있다. var arr = [1,2,3,4,5]; 와 같은 배열을 선언했다고 했을 때 Array에 프로토타입을 다음과 같이 선언이 가능하다. 오늘은 자바스크립트에 프로토타입을 간단하게 예를 보.. 2021. 4. 30. 자바스크립트 객체 객체는 함수를 기반으로 존재하는 것이다. 객체를 설명하기 위해서는 많은 말들이 필요할 수도 있다. 하지만 처음이니깐 느낌만 알아도 충분하다. 객체는 하나의 묶음이다. 코드를 극단적으로 생각했을 때 몇천만줄이 될 수도 있다. 근데 반복되는 A 가 100마리라면? 그리고 이 A가 A' 라는 행동을 50회 반복을 한다면? 이걸 일일히 다 써주는 거는 효율과는 거리가 멀다. 이런 상황을 위해 '객체'라는 그룹핑이 필요한 거다. 또 생각을 해보자. 1억 줄 안에 새로운 함수를 만든다고 생각해보자. 근데 그 함수가 1억 줄 안에 존재하지 않다고 확신하는 게 쉬울까? 쉽지 않다. 이와 같은 상황을 해결하기 위해 또 객체가 존재하는 것이다. 만약 머리의 색깔을 바꾸는 함수를 만든다고 생각해보자. 함수 이름은 'chan.. 2020. 9. 9. 자바스크립트 기초부터 공부하기-1 1. 자바스크립트의 목적 : 정적인 웹 사이트를 동적으로 만들어준다. 즉, 더 풍부한 동작을 가능하게 한다. ex) 버튼을 통해 배경화면을 변환시킨다거나 화면을 이동시킨다거나 속성을 변경시키는 것. -> html 만으로는 할 수 없음 정리하자면 자바스크립트 언어는 'HTML 을 제어하는 언어다'. 2. 태그 : 자바스크립트는 HTML 위에서 자동한다. 그러므로 코드를 써줄 때 '이건 자바스크립트 코드야!' 라고 명시를 해주어야 하는데 이런 역할을 하는 것이 태그이다. 다음 코드로 우린 다음과 같은 결과를 얻을 수 있다. 그럼 정당히 이런 의문을 가질 수 있다. '이게 html 코드와 다른 점이 무엇인가?' 물론 현재 결과가 같다. 하지만 자바스크립트는 html 이 정적인데 반해 동적이다. 그 뜻은 다음과.. 2020. 9. 7. 이전 1 다음 728x90
