본문 바로가기

모바일 APP/React-Native49

아이폰 안드로이드 디스플레이 길이 Dimensions.get('window').height 코드를 사용하여 길이를 측정 아이폰 아이폰 pro max : 896 아이폰 pro : 812 아이폰 11, 12, 13 normal : 844 아이폰 미니 : 814 아이폰 7, 8, se : 667 안드로이드 2021. 12. 27.
ES6 구조 분해와 구조 할당 기본값 할당 ES5 예제 const list = [0,1]; const item1 = list[0]; const item2 = list[1]; // 기본값 할당 const item3 = list[2] || -1; ES6 예제 const list = [0, 1]; const [ item1, item2, // 기본값 할당 item3 = -1, ] = list; 변수를 교차하여 배열의 두값을 치환 ES5 예제 var temp = item2; item2= item1; item1 = temp; ES6 예제 [item2, item1] = [item1, item2]; 객체 기본값 할당 ES5 예제 const key1 = obj.key1; const key2 = obj.key2; const key3 = obj.key3.. 2021. 12. 9.
ES6 화살표 함수 // 함수 표현식 function add(num) { return function (value) { return num + value; }; } // 화살표 함수 표현식 const add = num => value => num + value; 가장중요!! 화살표 함수는 콜백 함수의 this 범위로 생기는 오류를 피하기 위해 bind() 하수를 사용하여 this 객체를 전달하는 과정을 포함한다. class test { val = 10; constructor() { const add1 = function(one, two) { return this.val + one + two }.bind(this) const add2 = (one, two) => this.val + one + two } } 2021. 12. 9.
가변 변수와 불변 변수 const를 사용하면 불변변수로 인해 값을 변경할수 없지만 push, splice, pop 함수를 사용하면 변경이 가능하다 이를 무결성 제약 조건에 위배되었다고 한다. 그래서 무결성을 유지하면서 무결성 변수를 수정하는 방법은 값을 추가시 : push 함수 대신 concat() 함수를 삭제시: pop(), shift()함수 대신 slice(), concat() 함수에 전개 연산자를 조합하여 사용하면 된다. const arr3 = []; const arr4 = arr3.concat(1); // arr4 = [1] const arr5 = [...arr4, 2, 3]; // arr5 = [1, 2, 3] const arr6 = arr5.slice(0, 1); // arr6 = [1], arr5 = [1, 2, .. 2021. 12. 9.