ko.javascript 썸네일형 리스트형 ko javascript (day-1 일차때 사용했던 클래스 상속에 대해서) 클래스 상속을 사용하면 클래스를 다른 클래스로 확장 가능하다. extends 키워드 // 먼저 클래스 Animal을 만들어보자. 또 다른 클래스 Rabbit 을 만들어보자. 토끼는 동물이므로 Rabbit은 동물관련 메서드가 담긴 Animal을 확장해서 만들어야 한다. 이렇게 하면 토끼도 동물이 할수 있는 일반적인 동작을 수행할수 있게된다. 클래스 확장 문법 class Child extends Parent를 사용해 클래스를 확장해 보자. class Rabbit extends Animal { hide() { alert(`${this.name} 이/가 숨었습니다!`); } } let rabbit = new Rabbit("흰 토끼"); rabbit.run(5); // 흰 토끼 은/는 속도 5로 달립니다. rab.. 더보기 ko.javascript https://ko.javascript.info/class 클래스와 기본 문법 ko.javascript.info 클래스와 기본 문법 // 실무에선 사용자나 물건같이 동일한 종류의 객체를 여러 개 생성해야 하는 경우가 잦은데 // 이럴때 new 연산자와 생성자 함수에서 배운 new function을 사용할수 있다. // 여기에 더하여 클래스(class)라는 문법을 사용하면 다양한 기능도 사용 가능하다. class Button { constructor (value){ this.value = value; } click(){ alert(this.value); } } let a = new Button("sghasdg"); setTimeout(a.click,1000); 강사님이 알려주신 코드 new로 button .. 더보기 ko javascript(async 함수 project day-5와 연관) https://ko.javascript.info/callbacks // 콜백 // 저번에 콜백에서 빈 매개변수는 this를 내포하고 있다고 배웠다. // 실무에서 맞닥뜨리는 비동기 동작은 다양하다. // 스크립트나 모듈을 로딩하는 것 또한 비동기 동작이다. //src에 있는 스크립트를 읽어오는 함수 loadScript(src)를 예시로 비동기 동작 처리가 어떻게 일어나는지 알아보자 function loadScript(src){ // 태그를 만들고 페이지에 태그를 추가한다. // 태그가 페이지에 추가되면 src에 있는 스크립트를 로딩하고 실행한다. let script = document.createElement('script'); script.src = src;// 스크립트를 로딩하고 실행 document.. 더보기 ko javascript • 이터러블 프로그래밍에서 반복 가능한 객체를 나타내는 개념 • 이터레이터 이터러블 객체에서 항목에 순차적으로 접근하고 반복하는 데 사용되는 객체 • json (javaScript Object Notation)은 데이터를 표현하고 전송하기 위한 경량의 데이터 교환 형식 javascript 객체 리터럴 구문을 바탕으로 하고 있으며 일반적으로 키-값 쌍의 집합으로 데이터를 표현 json 데이터 유형으로 다음과 같은 것들이 있음 숫자: 정수 또는 부동 소수점 수 문자열: 큰따옴표(")로 둘러싸인 텍스트 불리언: true 또는 false 배열: 대괄호([])로 둘러싸인 값의 순서 있는 목록 객체: 중괄호({})로 둘러싸인 키-값 쌍의 집합 null: 아무 값도 나타내지 않음을 나타내는 특별한 값 JSON과 메서.. 더보기 ko javascript 빈 객체 만들기 // let user = new Object(); // let user = {}; // 중괄호 {...}안에는 키:값 쌍으로 구성된 프로퍼티가 들어감 // let user = { // name : "John", // age : 30 // }; // 1번째 user 객체에서 name 속성의 값을 얻고 싶다고 가정하면 // user.name 이라고 작성가능 // 이 경우 name 은 직접적으로 속성 이름으로 사용 // 2번째 // 때로는 객체의 속성 이름을 동적으로 결정해야 할 때가 존재 2번째의 경우 let user = { name: "John", age: 30, sayHi() { // 'this'는 '현재 객체'를 나타냅니다. alert(this.name); } }; user.sayH.. 더보기 이전 1 다음
