[React] Component Input declared PropTypes instead of propTypes 해결방법

이 오류는 React 컴포넌트의 prop 유형을 propTypes 대신 PropTypes 사용하여 선언할 때 발생합니다. 참고로 propTypes 객체는 부모로부터 전달받은 props의 데이터 유형 및 유효성 검사 규칙을 지정하는 속성입니다.ERROR Warning: Component Input declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment? 예를 들어 다음과 같이 PropTypes을 선언하는 대신import PropTypes from 'prop-types'; ... Input.PropTypes = { title: PropTypes.string.isRequired, placeholder: PropT..

• format_list_bulleted React
• · 2023. 4. 19.
• 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

오류 : 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