말랑말랑 LAB

사용자가 실수로 입력값으로 공백을 넣었을 때 해당 공백을 없애야 한다 Vue.js 에서는 v-model 끝에 .trim 만 추가하면 쉽게 공백을 없앨 수 있다. 이름 : 성 :

먼저, 터미널을 통해 expo-cli 를 설치 $ yarn global add expo-cli 원하는 이름의 폴더를 생성 $ expo init {폴더이름} 템플릿을 선택하라는 메시지가 나온다 --> "blank" 선택 --> Your project is ready! (프로젝트 생성완료)

o Async/Await - Promise 단점 보완 asyncFunction1() .then(function(result) { if (result === 'A') { return asyncSuccess() } return asyncFunction2() }) .then(function() { return asyncFunction3() }) .then(function() { return asyncFunction4() }) .then(function() { return asyncFunction5() .catch(function(specificError) { console.log(specificError) }) }) .then(function() { return asyncFunction6() }) .catch..

arguments 객체 - 함수에 전달된 인수에 해당하는 Array 형태의 객체 (유사 배열 객체) * 유사 배열 객체 ? - "유사 배열 객체"란 arguments가 length 속성과 더불어 0부터 인덱스 된 다른 속성을 가지고 있지만, Array의 forEach, map과 같은 내장 메서드는 가지고 있지 않는 객체를 말한다. - arguments 객체는 모든 함수 내에서 이용 가능한 지역 변수 - arguments 객체를 사용하여 함수 내 모든 인수를 참조할 수 있으며, 호출할 때 제공한 인수 각각에 대한 항목을 갖고 있습니다. - 인덱스는 0부터 시작한다. arguments 객체의 활용 - 매개변수 개수가 정확하게 정해지지 않은 함수를 구현하거나, 전달된 인자의 개수에 따라 서로 다른 처리를 해줘..

콜백함수란? - 콜백(callback)이란 옵저버(Observer) 디자인 패턴에서 나온 개념 - 객체의 상태변화(이벤트)가 발생했을 경우에 이러한 사실을 함수를 통해 전달하게 되는데, 이를 콜백함수라 한다. - 즉, 특정 함수에 매개변수로 전달된 함수가 콜백함수이다. JavaScript 에서의 콜백함수 - JavaScript 에서 함수는 1급 객체이므로, 파라미터로 함수를 전달할 수 있기 때문에 콜백함수가 가능 콜백함수는 클로저다 - 콜백함수는 자신이 포함된 함수의 환경에 접근이 가능하다. - 클로저는 함수가 선언될 때의 환경을 기억하고 있으므로, 콜백함수는 클로저라고 할 수 있다. 콜백함수의 this - 콜백함수를 사용할 때는 this 객체에 유의해야 한다. var obj = { name: "vict..

자바스크립트의 순수 함수 - 순수 함수란?언제 실행해도 항상 동일한 결과를 리턴평가 시점이 중요하지 않다 --> 즉, 평가 시점을 개발자가 다룰 수 있다조합성을 강조할 수 있다 --> 함수를 다른 함수의 인자로 넘기거나, 서로 다른 스레드나 공간에서 함수를 평가시켜도 항상 동일한 결과를 반환하기 때문에 안전하고 다루기 쉬운 함수가 된다평가 시점을 다루는 것을 통해 다양한 로직을 만들기 위함 - 순수함수가 아닌 함수평가 시점이 중요평가 시점에 따라 로직이 정해지고 결과값이 달라진다아래 예제를 보면 c 값이 변경되는 시점에 따라 함수 실행 결과가 달라짐을 알 수 있다 부수 효과가 있는 함수는 순수함수가 아니다외부 상태에 영향을 미치므로 인자로 들어온 값의 상태를 직접 변경하는 함수 또한 순수함수가 아니다 그..

4. 객체와 배열, 함수의 기초 4.1 객체의 기초 ① 객체 리터럴 4.1.1 객체 이름과 값을 한 쌍으로 묶은 데이터를 여러 개 모은 것이때 데이터 하나(이름과 값의 쌍)를 객체의 프로퍼티라고 함데이터 여러 개를 하나로 모은 복합 데이터연관 배열 또는 사전이라고 함4.1.2 객체 리터럴로 객체 생성하기 var card = { suit: "하트", rank: "A" };{...} 부분이 객체 리터럴객체 리터럴을 변수 card 에 대입card.color // undefined객체에 없는 프로퍼티를 읽으려고 시도하면 undefined 반환 var obj = {}객체 리터럴 안에 어떠한 프로퍼티도 작성하지 않으면 빈 객체가 생성됨4.1.3 프로퍼티 추가와 삭제 card.value = 14;없는 프로퍼티 이름에..

3장 변수 3.1 변수 3.1.1 변수 변수는 컴퓨터의 메모리에 생성된 일정한 크기의 영역 3.1.2 변수 선언 var sum;메모리에 'sum' 이라는 이름이 붙은 영역이 생성됨var 는 변수를 선언하는 선언자sum 은 변수 이름자바스크립트는 변수에 모든 데이터 타입의 값을 저장할 수 있음ES5 까지는 var 선언자만 존재했었지만 ES6에 let, const 선언자가 추가됨var x;변수를 선언만 하고 값을 대입하지 않음변수에는 undefined (정의되지 않았다는 뜻!)라는 값이 들어감 3.1.3 변수 선언 생략 console.log(x); // ReferenceError: x is not defined 선언하지 않은 변수 값을 읽으려고 시도하면 참조 오류 발생x = 2선언하지 않은 변수에 값을 대입..