react mongodb 예제

0 0

Windows 또는 Linux에서 작업하는 경우 https://docs.mongodb.com/manual/administration/install-community/ 설치 지침을 따릅니다. 안녕하세요 쿤날 나는 Bakorshisha입니다, 나는이 튜토리얼을 따라하고 정말 도움이 정직하게, 그냥 당신이 백 엔드에 multer를 사용하여 반응에 이미지를 추가하는 방법에 대한 자습서를 수행 할 수있는 호의를 부탁하고 싶었다 또한 그 이미지를 편집하는 방법 …. 당신이 여기에 도움을 줄 수 있다면 정말 좋은하시기 바랍니다. 각도 클라이언트와 달리 ReactJS 응용 프로그램은 별도의 프로젝트로 개발 및 빌드된 다음 컴파일된 결과가 백 엔드 서버에서 공용/반응으로 복사됩니다(다음 섹션에서 다룹니다). 이 URL에서 코드를 확인할 수 있습니다: https://github.com/diegodelfin7/reactcrud 우리는 서버 끝점이 예상대로 작동하는지 확인하기 위해 Postman을 사용하고 있습니다. 다음 부분에서는 프런트 엔드 반응 응용 프로그램의 구현을 더 완료하고 글꼴 및 백 엔드를 연결합니다. 다음 단계는 mongodb 데이터베이스에 대한 스키마를 만들어야 한다는 것입니다. 이를 위해 business.model.js라는 api 프로젝트 루트 내에 파일을 만들고 다음 코드를 추가합니다. 아니, 그것은 단일 페이지 응용 프로그램의 포인트를 잃게않습니다. SPA에서 페이지를 새로 고칠 필요가 없습니다. 당신은 페이팔의 예를 볼 수 있습니다.

그들은 또한 반응을 사용 하 여, 페이스 북, 모든 애플 리 케이 션은 그들의 페이지를 새로 고침. React는 UI를 빌드하기 위한 것입니다. 단일 페이지 앱을 빌드하는 것은 라이브러리가 아니라 당사에 따라 달라집니다. 그 후, 우리는 지금 만들기 반응 응용 프로그램 (말장난 의도)와 우리의 반응 응용 프로그램을 만들 수 있습니다. 이렇게하려면 명령줄에 이 것을 입력하십시오. 몽고DB-몽고팝-ReactJS/빌드 폴더의 내용은 몽고DB-몽고팝/퍼블릭/리시브에 복사해야 한다. 반응(ReactJS라고도 함)은 각도에 대한 대안입니다. 그것은 자바 스크립트 라이브러리입니다, 페이스 북과 인스 타 그램에 의해 개발, 대화 형, 반응 사용자 인터페이스를 구축하기 위해. 각도와 마찬가지로 React는 프런트 엔드 애플리케이션을 구성 요소로 나눕습니다.

각 구성 요소는 자체 상태를 보유할 수 있으며 부모는 해당 상태를 자식 구성 요소(속성)로 전달할 수 있으며 이러한 구성 요소는 콜백 함수를 사용하여 변경 내용을 부모에게 다시 전달할 수 있습니다. 구성 요소에는 렌더링되지 않은 데이터에 대한 일반 데이터 멤버(상태 또는 속성이 아님)도 포함될 수 있습니다. 우리의 reactcrud 프로젝트 루트 내부, API라는 하나의 폴더를 만들고 그 폴더 내부로 이동하고 package.json 파일을 초기화. 또한 이제 mongodb 데이터베이스 내부를 확인하고 값을 확인합니다. 또한 index.js를 편집하고 한 줄의 코드를 제거해야 합니다. 가져오기 `./index.css`를 제거하기만 하면 됩니다. 코드의 일부와 우리는 지금 우리의 반응 응용 프로그램을 시작할 수 있습니다. 상태 업데이트가 작동하지 않는 이유는 무엇입니까? 상태를 새로 고치려면 페이지를 새로 고쳐야 하며 반응 지점을 잃었습니다. 그것은 단지 me.i npm 모두 API를 설치하고 반응뿐만 아니라 그들을 시작하지 않습니다.

나는 아직도 연결 오류가 있습니다. 다음 명령을 입력하여 반응 라우터-돔 모듈을 설치합니다.