말랑말랑 LAB

일반 v-model 은 값을 입력하는 이벤트 이후에 동기화된다 즉, 텍스트박스에서 글자를 입력할 때마다 동기화됨 값을 change 이벤트와 같이 포커스가 사라질 때 동기화하고 싶을 경우에 .lazy를 사용한다

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

Question Given an m x n integer matrix matrix, if an element is 0, set its entire row and column to 0's, and return the matrix. You must do it in place. Example 1: Input: matrix = [[1,1,1],[1,0,1],[1,1,1]] Output: [[1,0,1],[0,0,0],[1,0,1]] Example 2: Input: matrix = [[0,1,2,0],[3,4,5,2],[1,3,1,5]] Output: [[0,0,0,0],[0,4,5,0],[0,3,1,0]] Constraints: m == matrix.length n == matrix[0].length 1

Question You are given two non-empty linked lists representing two non-negative integers. The digits are stored in reverse order, and each of their nodes contains a single digit. Add the two numbers and return the sum as a linked list. You may assume the two numbers do not contain any leading zero, except the number 0 itself. Example 1: Input: l1 = [2,4,3], l2 = [5,6,4] Output: [7,0,8] Explanati..

https://reactnavigation.org/docs/getting-started React Navigation If you're already familiar with React Native then you'll be able to get moving with React Navigation quickly! If not, you may want to read sections 1 to 4 (inclusive) of [React Native Express](http://reactnativeexpress.com/) first, then come back here when reactnavigation.org https://expo.github.io/vector-icons/ @expo/vector-icons..

먼저, 터미널을 통해 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..

Promise - ES6 에서 도입된 비동기 처리를 위한 또 다른 패턴 - 기존에는 비동기 처리를 위해서 콜백 패턴을 사용했지만 가독성이 나쁘고 예외 처리가 힘든 단점이 있었음 - 프로미스는 비동기 처리 시점을 명확하게 표현하여, 여러 개의 비동기 처리 로직을 한번에 처리 가능 Promise 생성 - Promise 생성자 함수를 통해 인스턴스화 - Promise 생성자 함수는 비동기 작업을 수행할 콜백 함수를 인자로 전달받는데, 이 콜백 함수는 resolve, reject 함수를 인자로 전달받음

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

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