Journey 소개 - 구인 목록을 추적하는 앱

7597 단어 amplifyreactgraphqlaws


최근에 나는 구직 활동에서 꽤 많은 사람들을 돕고 있었고 트렌드를 발견했습니다. 수많은 장소에 지원하고 각 회사에서 집 과제, 인터뷰 등을 수행하기를 원할 때 구직을 추적하는 것이 정말 어려울 수 있습니다. 또한 React 및 AWS Amplify를 사용하여 개발을 처음 시작하는 사람들이 완전히 작동하는 앱을 구축하는 경험을 빠르게 얻고 동시에 약간의 지식과 자신감을 높일 수 있도록 돕고 있습니다.

그래서 Journey를 만들었습니다. 상대적으로 쉽게 알아낼 수 있을 만큼 충분히 작은 앱이며 많은 사람들이 유용하게 사용할 수 있는 목적도 제공합니다.

그것이 하는 일



Journey를 사용하면 관심 있는 작업 목록을 추적할 수 있으며 다음과 같은 기능을 제공합니다.
  • 📝 Markdown에 메모 유지
  • ❤️ 즐겨찾기 추가
  • 👮‍ 인증됨
  • 🔥 서버리스 백엔드
  • 🚀 GraphQL
  • 💻 몇 분 안에 백엔드 배포

    • 작동 방식



    앱의 코드는 here에 있습니다.

    프로젝트에서 amplify 라는 폴더를 볼 수 있습니다. 이 폴더에는 모든 사람의 계정에 재배포할 수 있는 앱의 백엔드가 포함되어 있습니다. amplify 폴더에 backend 폴더가 표시됩니다. 이 폴더에서 다음 두 가지 주요 기능에 대한 구성을 볼 수 있습니다.
  • 인증 서비스(Amazon Cognito 제공)
  • GraphQL API(AWS AppSync로 구축)
    • backend/api 폴더에는 기본 GraphQL Schema 뿐만 아니라 GraphQL API 구성이 표시됩니다.

    이것이 기본 GraphQL 스키마입니다. 기본 스키마는 다음과 같습니다.

    type Listing @model @auth(rules: [{ allow: owner }]) {
  id: ID!
  title: String!
  company: String!
  url: String!
  status: Status!
  favorite: Boolean!
  notes: String
  relatedDate: String
  contactName: String
  contactEmail: String
  contactPhoneNumber: String
  createdAt: String
  updatedAt: String
}

enum Status {
  APPLIED
  TRACKING
  INTERVIEWING
  TAKE_HOME_ASSIGNMENT
}


    이전에 Amplify로 작업한 적이 없다면 @model 지시문을 모를 수 있습니다. 이것은 Amplify CLI의 라이브러리GraphQL Transform의 일부입니다.

    @model - 이 지시문으로 기본 유형을 장식하여 CRUD를 가져오고 쿼리 및 변형 정의, DynamoDB 테이블, GraphQL 작업을 위해 생성된 해석기를 나열합니다.

    앱 배포



    앱은 한 사람만 사용하도록 구성하거나 누구나 앱에 가입하여 사용할 수 있도록 설정할 수 있습니다. 공유 앱의 경우 일부 사항이 약간 다르기 때문에 지침에 주의를 기울이십시오.

    A shared instance is a great option if you are part of a bootcamp or want to enable others to use this app in their job search.



    백엔드 배포 및 앱 실행



    저장소 복제 및 종속성 설치

    ~ git clone https://github.com/kkemple/journey.git
~ cd journey
~ npm install


    Amplify 프로젝트 초기화 및 배포

    ~ amplify init
? Enter a name for the environment: dev (or whatever you would like to call this env)
? Choose your default editor: <YOUR_EDITOR_OF_CHOICE>
? Do you want to use an AWS profile? Y
~ amplify push
? Are you sure you want to continue? Y
? Do you want to generate code for your newly created GraphQL API? N
> We already have the GraphQL code generated for this project, so generating it here is not necessary.


    로그인할 사용자 추가(여러 사용자를 호스트하고 등록을 허용하려는 경우 이 단계 건너뛰기)

    ~ amplify auth console

> user pool


    "사용자 및 그룹"탭에서 "사용자 만들기"를 클릭합니다. "이 새 사용자에게 초대장을 보내시겠습니까?"확인란을 선택하고 필요한 속성을 입력한 다음 "사용자 생성"을 클릭합니다.

    앱 시작 및 로그인

    ~ yarn start


    앱이 시작되면 이전 단계에서 사용한 사용자 이름과 비밀번호를 입력합니다. 비밀번호를 변경하라는 메시지가 표시됩니다.

    프런트 엔드 배포



    선택한 git 서비스로 새 리포지토리 생성

    프로젝트를 새 저장소로 푸시

    ~ git remote add origin <your_new_repository>
~ git push --set-upstream master


    AWS Amplify Console에 연결하고 빌드가 시작될 때까지 기다립니다. 프로덕션 URL이 제공되고 작업 목록을 추적할 준비가 된 것입니다!

    If you wish to allow users to sign up and use this app then pick the shared branch to connect in Amplify Console, otherwise use master.



    GraphQL 스키마 사용자 지정



    이 스키마는 편집할 수 있습니다. 추가 필드가 필요한 경우 다음을 수행하여 백엔드를 업데이트할 수 있습니다.

    스키마를 업데이트합니다(amplify/backend/api/jobassist/schema.graphql에 있음).

    백엔드 재배포

    amplify push


    귀하 또는 귀하가 아는 사람이 이 앱을 시작하고 실행하는 데 도움이 필요하면 에서 저에게 연락하세요. 기꺼이 도와드리겠습니다!
    ExtJS 구성 요소 - GridPanel DEMO
    ext checkboxgroup 값 가져오기

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage