frontend.ro 다운로드 - frontend.ro 소스 코드 다운로드

frontend.ro

기타 소스코드

1.0.0

다운로드

Frontend.ro의 오픈 소스 코드베이스 및 커리큘럼

Frontend.ro는 프론트 엔드 개발을 가르치는 오픈 소스 및 커뮤니티 중심 이니셔티브입니다. 웹 사이트에서 자세히 알아보고 뉴스를 공유하십시오 ^^^

설치 및 실행

루트 폴더에서 yarn 실행하여 모든 종속성을 설치하십시오.
루트에서 .env 파일을 작성하고 다음 내용을 작성하십시오.

 ; Environment based config
NODE_CONFIG_ENV =local-client

; Custom config dirs
NODE_CONFIG_DIR =server/config

; Used only when developing locally
NODE_ENV =development

yarn dev:client . 이것은 프론트 엔드 만 로컬로 실행되며 개발 서버에 연결합니다.
서버 측 작업을 수행하려면 로컬 컴퓨터에서 서버와 MongoDB를 실행해야합니다. 이런 일이 발생하려면 .env 내부에 다음 변수를 추가해야합니다.

 ; Environment based config
NODE_CONFIG_ENV =local-both

; Custom config dirs
NODE_CONFIG_DIR =server/config

; AUTH
TOKEN_SECRET =

; DB
DB_CONNECT =

; AWS
AWS_BUCKET =

; EMAIL
EMAIL_TOKEN =

; GITHUB
GITHUB_CLIENT_ID =
GITHUB_CLIENT_SECRET =

; Used only when developing locally
NODE_ENV =development

그런 다음 DB (다음 단계 참조)를 제공하고 yarn dev 사용하여 로컬 서버를 실행하십시오. 자세한 내용은 [email protected]로 자세한 내용을 보려면 저희와 연락하십시오.

프로비저닝 (WIP)

로컬 컴퓨터에서 앱을 완전히 실행하고 싶다면 MongoDB 데이터베이스를 직접 제공해야합니다.

server/_provisioning 폴더를 살펴보십시오. 여전히 진행 중이지만 지역 환경에 대해 대량으로 데이터를 더 쉽게 삽입 할 수있는 일부 스크립트가 있습니다.

데이터베이스 덤프, 복원 및 백업

비용을 줄이기 위해 현재 MongoDB 데이터베이스의 수동 덤프 및 백업을하고 있습니다.

덤프 및 복원

우리는 MongoDB 데이터베이스 도구, 특히 Mongodump 및 Mongorestore를 사용하고 있습니다.

2 개의 NPM 스크립트가 있습니다

 yarn mongodump
yarn mongorestore

우리가 덤프/복원에 사용하는 것. 우리는 DB_CONNECT 문자열과 MONGODB_DUMP_DIR 를 얻기 위해 동일한 .env 파일에 "훅"합니다.

둘 다 MongoDB 도구가 이미 설치되었다고 가정합니다. OS에 따라 지침을 확인하십시오.

지원

백업의 경우 AWS CLI v2를 사용하여 AWS S3에 덤프를 저장하고 있습니다.

.env 에서 읽은 NPM 스크립트가 있으며 특정 CLI 명령을 호출합니다.

 yarn upload-mongodump-s3

S3 버킷에 쓰기 권한이있는 쌍 액세스 키 ID / 비밀 액세스 키가있는 AWS CLI로 인증되지 않는 한 작동하지 않습니다.

모나코 편집자

Nextjs는 모나코 에디터를로드하는 기본 방법과 호환되지 않습니다 (웹 팩 및 monaco-editor-webpack-plugin 통해). Monaco가 Node_modules의 CSS를로드하려고 할 때 실패합니다 : https://nextjs.org/docs/messages/css-npm.

이에 대한 모든 솔루션은 웹 팩 구성에 매우 사용자 정의 코드를 추가하는 것을 의미했으며, 이는 미래에 깨지거나 다른 패키지와 부정적인 상호 작용할 수 있다고 걱정합니다.

따라서 우리가 갔던 솔루션은 <script> 태그로 CDN (Cloudfront)에서 monaco-editor 로드하는 것입니다. 우리는이 "구식"방식이 웹 팩 구성에 대한 사용자 정의 수정보다 오류가 덜 발생한다고 생각합니다. 그리고 수동 작업을 최소화하기 위해 monacoEditorCDN.yml GitHub 조치를 만들었습니다.

특허

이 프로젝트에는 사용 된 UI 구성 요소의 소스 코드와 커리큘럼 내용 사이에 이중 라이센스 분할이 있습니다.

UI 구성 요소의 소스 코드는 MIT에 따라 라이센스가 부여됩니다.

커리큘럼은 우리의 기고자에 속하며 Attribution-Sharealike 4.0 International에 따라 라이센스가 부여됩니다. 작가/소유자에게 귀속을 제공하는 한 이러한 주제를 가르치는 경우 자유롭게 사용할 수 있습니다.

기고자

이 프로젝트는 우리의 멋진 기여자 없이는 불가능할 것입니다. 감사합니다> : D <

_{Alexandru PĂvĂloi}	_{다이아나 토마}	_{CĂtĂ린 Popuăoi}	_{마리안 모로스}
_{크리스티안 가이}	_{세바스찬 라트 콜릭}	_{니콜라 마티}	_{Daniel Huuanu}
_{Swarup Kumar Das}	_{Ira Melnic}	_{나르시스 라자르}	_{Sergiu Szatmari}