Dev-Jot은 온라인 개발자 튜토리얼을위한 노트 테이킹 앱입니다. 이 프로젝트는 MVP이며 FrontendCoach 지원 시스템의 일환으로 프론트 엔드 개발자를 돕기 위해 만들어졌습니다.
앱에는 두 가지 버전이 있습니다.
Discord Community Discord.gg/ymsd9sgz4f에 가입하십시오
자기 교사를하는 사람들에게는 'Tutorial-Land'또는 'Tutorial-Hell'에 갇혀있는 것을 쉽게 찾을 수 있습니다. 많은 초보자 코더에게는 튜토리얼에서 배우고있는 것과 고용 가능한 개발자가되기 위해 필요한 기술을 습득하는 것 사이의 격차를 해소하기가 어렵습니다.
궁극적 인 목표는 실제 개발 작업에서 가능한 한 가능한 한 가깝게 수행 한 작업을 복제하는 것입니다. 오픈 소스에 기여하는 것은 환상적인 방법입니다. 오픈 소스 기부를하면 몇 가지 중요한 개념, 관행 및 양도 가능한 기술에 노출되어야합니다.
이 프로젝트는 오픈 소스 세계에 대한 친근한 진입 점으로 작용합니다. 첫 번째 오픈 소스 기여를하는 것은 많은 주목받는 개발자를 해산하는 어려운 전망이 될 수 있습니다.
이 프로젝트의 주요 목표는 학습을 장려하고 안전한 실수를 느끼고 다른 개발자와 함께 일하는 동안 피드백과지도를받는 환영하고 친근한 환경을 조성하는 것입니다.
프로젝트의 방향은 기여하는 사람들이 주도합니다. 다양한 기능을 추가하고 다양한 기술로 앱을 재건 할 수있는 범위가 있습니다.
이것은 스릴이없는 CRUD 응용 프로그램입니다. 레슨 노트는 현재 브라우저의 로컬 스토리지에 저장됩니다. 이 앱의 목적은 자체 교육을받는 사람들이 모든 튜토리얼 및 레슨 노트를위한 간단하고 깨끗한 매장을 만들 수 있도록하는 것입니다.
앱에는 두 가지 버전이 있습니다. 기본 기본 버전은 app-main 디렉토리 내에 있습니다. 이 앱의 기본 버전은 순전히 HTML, CSS 및 Vanilla JavaScript이므로 기고자가 기본과 협력 할 수있는 학습 기회가 있습니다.
두 번째 버전은 React를 사용하여 구축되며 app-react 디렉토리 내에 있습니다. 이것은 프론트 엔드 프레임 워크로 일하고자하는 기고자들에게 손을 더럽 힐 기회를 제공합니다.
기고하기 전에 라이브 버전으로 놀면서 실제로 기본 노트를 사용하는 데 사용하는 것이 좋습니다. 그것에 대해 무엇이 짜증나고 있습니까? 무엇이 향상 될 수 있습니까? 버그를 발견 했습니까?
프로젝트의 방향은 기여하는 사람들에 의해 결정됩니다. 크거나 작은 새로운 기능에 대한 멋진 아이디어가 있다면 훌륭합니다! 그렇게하기 전에 토론을위한 문제를 만들 수 있습니까?
기본 프로젝트를 현지에서 실행하고 실행하는 가장 쉽고 빠른 방법은 Repo를 복제하는 것입니다.
git clone https://github.com/jrobind/dev-jot.git app-main 디렉토리에 있는지 확인하십시오
cd app-main이제 NPM으로 패키지를 설치하십시오
npm i기본 프로젝트 버전은 JavaScript 모듈을 사용하므로 JavaScript로 로컬 파일 시스템의 파일에 액세스하려고하면 CORS 오류가 발생할 수 있습니다. VS 코드를 IDE로 사용하는 것이 좋습니다. VS Code Live Server Extension을 설치하는 것이 좋습니다 .
라이브 프로젝트는 /app-main/public 에서 제공되므로 여기에서 라이브 서버도 가리킬 필요가 있습니다. 이것을하기 위해 :


"liveServer.settings.root": "/app-main/public" 이제 index.html 마우스 오른쪽 버튼으로 클릭하고 '라이브 서버를 사용하여 열기'를 선택하여 라이브 서버 확장자를 사용하여 프로젝트를 실행할 수 있습니다.
확실하지 않은 경우 문서를 살펴보십시오.
HTML, CSS 및 JavaScript는 현재 /app-main/public Directory 내에 살고 있습니다. 기본 JavaScript는 index.js 내에 있습니다.
기여 방법에 대한 자세한 내용은 Contributing.md를 확인하십시오.