해커튼 로그 만들기 #1

나 늦었어!
문제없습니다. 올해 제 프로젝트는 매우 간단할 것입니다. 제 생각은 프로그램을 개발하는 것입니다. 프로그래머는 간단한 프로젝트 아이디어나 그들이 해결하고자 하는 문제를 발표할 수 있고, 다른 프로그래머들은 프로그래밍에 대한 연락처를 제공할 수 있습니다.나는 지금 dbug라고 부른다.
전체 typescript 창고를 사용하고, 전방에서ReactJS를 사용하고, 서버에서 노드를 사용합니다.나는 또한 놀라운 TypeForm을 사용하여PostgreSQL 데이터베이스와 상호작용을 할 것이다.

Figma 프로토타입 및 사용 사례

이날 첫 주문은 일부 Figma 화면을 내놓는 것이다.너는 이곳에서 나의 생각을 볼 수 있다.
Figma Prototype
Figma에 화면을 그리는 것은 정말 내가 응용 프로그램에서 얻고 싶은 기능을 공고히 하는 데 도움을 준다.Google은 이 점을 유지하기 위해 노력하고 있습니다. 사용자는 다른 사람의 프로젝트에만 정보를 제공하고, 자신의 프로젝트를 발표하며, 신청자를 그들의 프로젝트 짝짓기 계획에 선택할 수 있습니다.그들의 연락처를 저장하고 업데이트하는 것 (지금은 축소, 만남, 불화) 을 제외하고는 거의 그것이다.GitHub의 OAuth API에 모든 사용자 인증을 의뢰합니다. 이것은 나로 하여금 이미지,bios, 별 등 유용한 사용자 정보를 많이 방문하게 할 뿐만 아니라 응용 프로그램에 적은 비용을 증가시킬 수 있을 것입니다.
다른 일도 내 머릿속에 있다. 예를 들어 기술 표시와 검색 목록, 그리고 이전의 연락처를 저장하고 검색하는 곳이다.나는 먼저 이 MVP를 완성해서 내가 그것을 늘릴 시간이 얼마나 있는지 볼 것이다.

GitHub Monorepo 설정

최근에 나는 Monorepos에 대한 생각을 많이 들었기 때문에 이 프로젝트에서 한번 해 보기로 결정했다.Thread의 작업 영역 기능을 사용하여 두 개의 패키지를 정의했습니다: @dbug/서버와 @dbug/웹 @dbug/서버는 간단한 Express Hello World 구성 요소와 typescript를/dist 폴더로 전송하는 데 필요한 스크립트로 구성되어 있습니다.유행하는 Airbnb 스타일 매뉴얼을 사용해서 Eslint와 Prettier를 간단하게 설정했습니다@dbug/웹은 typescript 템플릿과create-react 응용 프로그램으로 구축되었고, Eslint와Prettier를 위해 비슷한 설정을 실행했습니다.
수량은 많지 않지만 다음 부분인 디지털 해양 응용 플랫폼을 구축하는 데 도움이 될 것이다.여기서 저장소를 볼 수 있습니다.

yvesnrb / dbug

dbug를 사용하여 당신이 가장 좋아하는 통신 플랫폼을 사용하는 짝짓기 프로그램을 찾는 사람을 찾으십시오.

디지털 해양 응용 프로그램 플랫폼 설정

이 프로그램을 DO의 프로그램에 배치한 경험이 매우 즐겁습니다.네가 해야 할 일은 표를 작성하고 응용 프로그램을 구축하고 배치하는 것이다.
첫 번째 작업은 배포할 저장소를 선택하는 것입니다.

그리고 프로그램이 있는 데이터 센터 영역을 입력하고 코드를 추출할 지점을 알려 줍니다.
다음 단계에서는 환경 변수를 설정하고 명령을 생성합니다.

노드 응용 프로그램을 배치하려고 시도하는 것을 보실 수 있습니다.환경 변수의 경우 APP 포트 하나만 있으면 됩니다. 이 포트의 값은 8080으로 설정합니다.@dbug/server 패키지 구축 명령은 다음과 같습니다.

yarn workspace @dbug/server build

우리는 또한run 명령이 필요합니다.

yarn workspace @dbug/server start

HTTP routes 필드에서 이 구성 요소가 있는 URL 경로를 설정할 수 있습니다. [base url]/api를 통해 서버에 접근할 수 있도록 "/api"로 설정했습니다.맨 밑에 "HTTP 포트"를 볼 수 있습니다.이것은 Docker 용기에서 외부 80 포트로 전송되는 포트입니다. (이 모든 것은 Docker로 구축되어 있으며, 심지어는 자신의 Docker 파일을 업로드해서 미세하게 조정할 수도 있습니다.)
시작하기 전에 당신이 해야 할 마지막 일은 당신의 계획을 선택하는 것입니다. 당신은 살 수 있습니다!
DO 프로그램에서 사용할 수 있는 또 다른 '구성 요소' 는 정적 사이트입니다.설정은 매우 비슷합니다. 명령을 실행할 필요가 없습니다.build 명령과 경로만 있으면 사이트의 최종 정적 파일을 찾을 수 있습니다.그리고 DO는 정적 파일을 스페이스 플랫폼에 업로드하고 사용자가 예상한 대로 서비스를 제공합니다.또한 SSL 인증서는 모두 당신을 위해 처리되었습니다!
너는 dbug.xyz에서 나의 진도를 볼 수 있다.아직은 많지 않지만 시간이 지날수록 늘어날 것이다.
나는 약간의 피드백과 건의를 보고 싶다. 즐거운 시간 보내세요.