이 오류 메세지는 리액트에서 정상적으로 내보내지 않은 컴포넌트를 렌더링하려고 할 때 발생합니다. Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of `ListScreen`. 오류가 발생한 코드는 다음과 같습니다. ListScreen.js..

현상 React Native로 개발 후 iOS 시뮬레이터를 실행했습니다. 터미널에 별다른 오류 로그가 찍히지 않으나 TextInput 컴포넌트를 클릭하면 키보드가 나타나지 않는 현상이 있었습니다. 해결방법 iOS simulator 안에 있는 Textinput에 focus한 상태로 command(cmd) + K를 입력합니다.

secureTextEntry 일반적으로 React Native에서 TextInput 컴포넌트에 내용을 입력하면 우리가 입력한 내용이 그대로 화면에 나타납니다. 비밀번호나 신용카드 번호와 같은 민감한 정보를 다른 사람의 눈에 띄지 않도록 보호하려는 경우 secureTextEntry를 사용합니다. React Native의 secureTextEntry는 TextInput 컴포넌트와 함께 사용할 수 있는 프로퍼티입니다. secureTextEntry가 true로 설정되어 있으면 TextInput 컴포넌트에 입력된 모든 텍스트가 숨겨지고 점이나 별표로 대체되어 비밀번호와 같은 민감한 정보를 보호할 수 있습니다. secureTextEntry 사용 방법 다음은 React Native에서 secureTextEntry를 ..

for in 반복문 자바스크립트에서 for in 문은 객체의 값이 아닌 속성을 반복하는 데 사용됩니다. 아래 예제에서 'person' 객체에는 'name', 'age', 'gender' 세 가지 속성이 있습니다. for in 문을 사용하여 'person' 객체의 각 속성을 반복합니다. const person = { name: "John", age: 30, gender: "male" }; for (const prop in person) { console.log(prop, person[prop]); } 실행결과 콘솔에 다음과 같은 내용이 출력됩니다. name John age 30 gender male

for of 반복문 for of 반복문은 배열, 문자열, 맵과 같은 반복 가능한 객체를 더 쉽게 반복할 수 있도록 ES6에서 새롭게 도입된 기능입니다. 사용 방법은 다음과 같습니다. 배열 반복 배열로부터 for of 문을 사용하여 배열의 요소를 반복해 출력하는 예시입니다. const arr = [1, 2, 3]; for (const item of arr) { console.log(item); } 실행결과는 다음과 같습니다. 1 2 3 문자열 반복 "Hello" 값을 가진 문자열로부터 str을 for of 문을 사용하여 문자를 반복해 출력하는 예시입니다. const str = "Hello"; for (const char of str) { console.log(char); "H", "e", "l", "l",..

JavaScript의 typeof 연산자는 변수 또는 표현식의 데이터 유형을 확인하는 데 사용됩니다. typeof 구문 typeof 연산자는 operand의 타입을 나타내는 문자열을 리턴해줍니다. typeof operand typeof(operand) typeof 예제 typeof 연산 결과 해당 변수의 데이터 유형이 문자열로 나타납니다. const name = "Bob"; console.log(typeof name); //"string" const age = 21; console.log(typeof age); //"number" const arr = [1, 2, 4]; console.log(typeof arr); //"object" const obj = {name:'Bob'}; console.log(t..

구조 분해 할당은 배열이나 객체에서 값을 추출하고 간결한 방식으로 변수에 할당할 수 있는 JavaScript의 기능입니다. 이 기능은 ECMAScript 6(ES6)에서 도입되었습니다. 배열 구조 분해 할당 다음은 구조 분해 할당을 사용하여 배열에서 값을 추출하는 예입니다. const numbers = [1, 2, 3]; const [a, b, c] = numbers; console.log(a); // 1 console.log(b); // 2 console.log(c); // 3 위의 예에서는 세 개의 숫자가 포함된 배열을 만듭니다. 그런 다음 구조 분해 할당을 사용하여 배열 값을 변수 a, b, c에 할당합니다. 그 결과 numbers[0], numbers[1], numbers[2]가 아닌 a, b, ..

JavaScript에서 값을 비교하기 위해 == 와 === 연산자를 사용합니다. 동등 연산자(==) ==은 두 값이 같은지 비교하는 연산자입니다. 비교되는 값의 유형이 서로 다른 경우 유형을 강제로 변경합니다. 예를 들어 숫자와 문자열을 비교하는 경우 문자열이 숫자로 강제 변환된 후 비교가 수행됩니다. 이 경우 다음 예제에서 볼 수 있듯이 예기치 않은 결과가 발생할 수 있습니다. "5" == 5 // true 일치 연산자(===) ===는 유형을 강제로 변경하지 않고 두 값이 같은지 비교합니다. 비교 대상 값의 유형이 같고 값이 같은 경우에만 참을 반환합니다. "5" === 5 // false 다른 유형 간의 비교 0 == false; // true 0 === false // false 0 == null..