rust react typescript demo
1.0.0
이 저장소에는 Rust, React, TypeScript, Docker, Terraform 및 Kubernetes에 대한 YouTube 프로그래밍 학습 시리즈의 데모 코드가 포함되어 있습니다. 이 프로젝트를 위해 우리는 식사 로깅 도구 인 Foodi를 만들고 있습니다.
이 프로젝트는 예가되며 자신의 프로젝트를 시작하기위한 보일러 플레이트로 사용될 수 있습니다. 또한 비디오를 볼 수 있도록 비디오가 어떻게 만들어 졌는지에 대한 자세한 내용을 알 수 있습니다 (대부분 인생의 많은 것들처럼 시행 착오가 있습니까?).
이 repo에는 다음과 같은 기능이 있습니다.
아래 YouTube에서 비디오를 찾을 수 있습니다.
이 시리즈에서는 웹 기반 식사 로거/추적 도구 인 Foodi를 구축합니다.
Rust Backend를 구축하려면 Rustup으로 Rust Nightly 빌드를 설치해야합니다. 먼저 https://rustup.rs/로 이동하여 Rustup을 설치하십시오. 그런 다음 밤에 Rust를 설치하십시오.
$ rustup default nightly
...야간 빌드가 설치되면 백엔드를 구축 할 수 있습니다.
$ cd foodi-backend
$ cargo build
... 초기 데이터베이스 스키마를 만들려면 sqlx 사용하여 마이그레이션 스크립트를 실행하십시오.
$ cargo install sqlx-cli
...
$ sqlx migrate run
...마지막으로 백엔드 서버를 실행할 수 있습니다.
$ cargo run 프론트 엔드 자산 및 서버를 구축하고 실행하려면 최근 버전의 node.js 및 yarn이 설치해야합니다. MacOS에서 Homebrew를 사용하면 Homebrew로 설치할 수 있습니다.
$ brew install yarn
...원사를 사용하여 프론트 엔드 패키지 종속성을 설치하십시오.
$ cd foodi-frontend
$ yarn install
... parcel 사용하여 Frontend Development Server를 실행하십시오.
$ parcel index.html
... Docker가 설치되었다고 가정하면 Repo의 최상위 레벨에서 빌드 명령을 실행하십시오.
$ docker build . -t foodi:latest
...빌드가 완료되면 컨테이너를 실행하고 포트 80을 컨테이너 내부에서 포트 8080 (호스트 시스템)의 컨테이너 외부로 매핑하십시오.
$ docker run -p 8080:80 foodi:latest
... ? 이제 브라우저에서 http://localhost:8080/ 열고 앱을 테스트 할 수 있습니다.
