[React Native] TextInput 별표 표시 방법

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

• format_list_bulleted React
• · 2023. 4. 2.
• textsms

[React] Error: Element type is invalid 오류 해결방법

이 오류 메세지는 리액트에서 정상적으로 내보내지 않은 컴포넌트를 렌더링하려고 할 때 발생합니다. 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..

• format_list_bulleted React
• · 2023. 3. 30.
• textsms

[React] 리액트 오류 Cannot find module, 'MODULE_NOT_FOUND' 해결 방법

오류문구 리액트 서버 실행시 콘솔창에 아래와 같은 오류가 발생했습니다. Error: Cannot find module 'C:\Users\hj\Desktop\React\ToyProject\backend\src\src\' at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) at Function.Module._load (node:internal/modules/cjs/loader:778:27) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12) at node:internal/main/run_main_module:17:47 {..

• format_list_bulleted React
• · 2022. 6. 2.
• textsms

[React] 리액트 오류 Matched leaf route at location does not have an element. 해결 방법

오랜만에 리액트로 프로그래밍을 하던 중 오류가 발생했습니다. 오류가 발생한 코드는 아래와 같습니다. import React from 'react'; import { Routes, Route } from 'react-router-dom'; import MainPage from './pages/MainPage.js'; const App = () => { return ( ); }; export default App; 오류문구 화면에 아무런 내용이 표시가 되지 않아 개발자 도구를 확인해보니 아래와 같은 경고 문구가 있습니다. Matched leaf route at location "/main" does not have an element. This means it will render an with a null..

• format_list_bulleted React
• · 2022. 6. 2.
• textsms

오류 : MongooseError [MongooseServerSelectionError]: connection <monitor> to 'ip:port' closed

처음 mongoDB를 연결해 post메소드로 데이터를 저장하려하니 서버쪽에 오류가 발생했다. mongoDB에 접근할 수 없는 서버 IP로 연결을 시도해 발생한 오류로 접근 가능하도록 IP 등록을 해주어야 한다. MongooseError [MongooseServerSelectionError]: connection to 'ip:port' closed 1) 먼저 mongoDB 사이트에 접속한다. MongoDB Cloud MongoDB Cloud는 최신 애플리케이션을 위한 통합 데이터 플랫폼으로, 글로벌 클라우드 데이터베이스, 검색, 데이터레이크, 모바일 및 애플리케이션 서비스를 포함하고 있습니다. www.mongodb.com 2) 왼쪽 메뉴에서 Network Access를 클릭한다. 3) 윈도우서버 기준 cm..

• format_list_bulleted React
• · 2022. 1. 16.
• textsms