prolog app 다운로드 - prolog app 소스 코드 다운로드

prolog app

AI 소스 코드

1.0.0

다운로드

이 저장소는 고급 툴링 및 워크 플로를 사용하여 전문 개발 환경에서 작업하는 React 작업 시뮬레이터의 일부입니다. 작은 버그 수정에서 본격적인 기능에 이르기까지 설계를 기반으로 작업을 구현합니다. 기본적으로, 당신은 전문 반응 팀에 합류 한 후에 만 경험하는 많은 실습을 배웁니다.

응용 프로그램

응용 프로그램은 센트리 또는 롤바와 유사한 오류 로깅 및 모니터링 도구입니다. Prolog.profy.dev에서 Main Branch의 배포 된 버전을 찾을 수 있습니다. 참고 : 아래 스크린 샷에 표시된대로 앱을 보려면 오른쪽 상단 코너의 "대시 보드"링크를 클릭해야합니다.

실행중인 응용 프로그램

코드베이스 투어

이 비디오를 시청하여 코드베이스를 여행하십시오.

코드베이스 투어

시작하기

1. 복제 및 설치

이 프로젝트는 Next.js, TypeScript, Cypress & SCSS 모듈로 구축됩니다. 프로젝트 작업을 시작하려면 먼저 로컬 컴퓨터의 저장소를 복제하고 종속성을 설치하십시오.

npm install

2. .env 파일을 만듭니다

.env.template 파일을 .env 라는 새 파일로 복사하십시오. 이 파일에는 dotenv 패키지를 통해 Next.js가 주입하는 필요한 환경 변수가 포함되어 있습니다.

3. 개발 서버를 실행하십시오

마지막으로 개발 서버를 실행하십시오.

npm run dev

이제 브라우저를 사용하여 http : // localhost : 3000을 열어 응용 프로그램을 볼 수 있습니다.

권장 대 코드 확장

이 프로젝트는 Eslint, Stylelint 및 Pretier와 같은 도구를 사용합니다. 이러한 도구를 최대한 활용하려면 해당 확장자를 설치하는 것이 좋습니다. VS 코드의 경우 다음과 같습니다.

eslint
스타일 린트
더 예쁘다
SCSS Intellisense (예 : SCSS 변수의 자동 완성을위한)
React CSS 모듈 (예 : CMD/CTRL +로 CSS 클래스 정의를 열고 존재하지 않는 클래스 이름에 대한 경고)

공식 스타일 린트 확장은 settings.json 파일을 약간 조정해야 할 수 있습니다. 상자에서 작동하지 않으면 다음을 추가하십시오.

 "css.validate": false,
"less.validate": false,
"scss.validate": false,
"stylelint.validate": ["css", "scss"],

내가 찾은 추가 확장은 매우 가치가 있습니다

코드 맞춤법 검사기 Gitlens SVG Github Copilot (지불)

테스트

이 프로젝트는 사이프러스 테스트로 덮여 있습니다. 프로덕션 앱에 대한 대부분의 테스트는 현재 React Testing Library로 작성되었지만 Cypress는 테스트를 시작하는 가장 좋은 옵션입니다. 시작을 처음 접할 때 시작은 매우 번거롭고 완전히 새로운 개발 환경에있는 것처럼 느낄 수 있습니다.

Cypress는 테스트를 훨씬 쉽게 시작할 수 있습니다. 여전히 새로운 코딩 방법에 익숙해 져야하지만 멋진 UI 디버깅 덕분에 브라우저에서 사용한 것과 쉽고 매우 유사합니다.

사이프러스 테스트