미미 공부/취미방

map()과 filter()의 공통점 1. foreach와 동일한 콜백함수 문법을 사용하고 반복한다. - 첫 번째 매게변수는 배열의 각각 아이템이고 두 번째 매게변수는 index 번호다. - 배열의 각 아이템으로 반복문을 실행한다. 2. 새로운 배열을 return 한다. - 콜백함수에서 return 하는 값으로 새로운 배열을 만들어낸다. map()과 filter()의 차이점 1. filter는 조건으로 새로운 배열을 반환한다. - return 뒤에 조건문만 올 수 있다. 2. 조건문으로 만들어진 배열 값이 다르다. - return 뒤에는 조건문을 넣고, true인 경우에 새로운 배열에 값이 들어가고 false는 버린다. - filter는 해당 값이, map은 boolean 값이 새로운 배열에 들어간다. ..

객체 간의 상속 객체가 다른 객체 코드 가져오기(상속) class의 상속/확장 같지만 객체끼리 이루어지고 좀 더 작은 범위에서 행해지는 느낌이다. 객체상속 코드 2가지 알아보기 1. __proto__ : 표준이 아니지만 널리 사용되고 있어서 표준 같은 코드 var obj1 = { obj1Val : '1 val' } // __proto__ var obj2 = {}; obj2.__proto__ = obj1; console.log(obj2.obj1Val); // 결과. 1 val obj1과 obj2가 객체인 상태에서 가능하다. 2. Object.create() : 표준 코드. __proto__를 대체하기 위해 나온 코드 var obj1 = { obj1Val : '1 val' } // Object.create(..

프로토타입 프로토타입을 사용하는 이유 생성자 함수(Constructor Function)로 여러 개의 객체를 찍어낼 때, 생성자 함수가 가지고 있는 모든 값, 메서드를 모든 객체에 똑같이 계속 찍어내므로 메모리를 차지하게 된다. 그래서 한 번만 적어 놓고, 해당 생성자 함수로 만들어진 객체가 가져다 쓸 수 있게 한다. function Person () { this.name = 'kim', this.first = 10, this.second = 20 } var park = new Person(); var lee = new Person(); // Park과 Lee는 Person에 들어가 있는 동일한 내용을 각 각 가지고 있다. 원형(prototype) 지정하기 생성자함수명.prototype.key = 값; ..

객체, 생성자 함수 내가 이해한 '객체' 정의 1. 한 대상이 있고, 그 대상에 대한 다양한 정보/데이터/함수들을 따로 관리/활용할 수 있는 기능(?) 2. 이름을 한 개 붙여서, 그 이름 안에 다양한 정보/데이터/함수들을 묶어서 관리/활용할 수 있는 기능이다. 예. 곰인형(객체) - 색상, 재질, 음성 녹음 기능, 가격 등(데이터/정보)... 1. 객체 만들기 var teddyBear = { colour: 'black', texture: 'soft', recording: true, price: '10,000', record = function() { return true }, me = function() { console.log(this); } } 2. 객체 정보 읽기(불러오기) 방법1 teddyBea..

p004 하이브리드 애플리케이션을 개발하기 위한 프레임워크로는 Apache Cordova가널리사용되고 있습니다. 하이브리드 애플리케이션이란, 웹 앱 + 네이티브 앱 웹 사이트를 만들면서 사용한 HTML, CSS, JavaScript 등이 앱을 만드는데 사용되는 네이티브 언어로 만들어진 껍데기에 씌워진 형태의 어플리케이션을 말한다. Android나 iOS 등 각 운영체제에 맞춰 코딩을 하지 않고, 모바일용/반응형 웹사이트를 만들고 어플에서 특정부분만 네이티브 코드로 작성하면 된다. 웹 앱, 네이티브 앱 보다 로딩 속도가 느릴 수 있는 단점이 있다. 하이브리드 vs 네이티브 vs 웹 네이티브 앱은 운영체제에 맞게 개발된 어플들로 기기 하드웨어에 접근이 가능하다. 하드웨어 접근이 가능하다는 것은, 속도, GP..

계속 헷갈려서 짜증나는 동기/비동기 ㅂㄷㅂㄷ (synchronous / asynchronous) 동기(synchronous) ; 한 개에 집중 코드를 한줄한줄 차근차근 직진으로 읽어내려오는 것 예) 두 사람이 피규어를 만들기 시작. 다리에서 머리까지 같이 차근히 만든다. 비동기(asynchronous) ; 멀티 테스킹 직진해서 코드를 읽다가 한 가닥이 튀어나와서 두 가닥을 동시에 읽어나가는 것 예) 두 사람이 피규어를 만드는데, a는 몸통을 b는 팔을 만들기로 한다. 1. 우선 자바스크립트는 기본적으로 동기 2. 하.지.만. 서버에서 데이터를 가져올 때는 비동기적으로 일처리를 한다. 3. 이러면 문제가 발생한다. 서버에서 가져온 데이터를 가지고 온 다음 읽어야되는 코드가 이미 읽혀서 에러가 난다. 예) ..