ladderly 3

에 대한

사다리 생태계는 커뮤니티, 일련의 도구 및 개인이 기술 경력 진행을 코딩하고 가속화하는 법을 배우도록 돕기 위해 설계된 교육 프로그램입니다. 자세한 내용은 다른 저장소를 확인하십시오.

1. 사다리 슬라이드
2. rect
3. redyellowgreen

시작하기

먼저, 문서/setup.md를 검토하십시오.

그런 다음 개발 모드에서 앱을 설치, 시드 및 실행하십시오.

npm i
npm run seed
npm run dev

http : // localhost : 3000을 열어 브라우저를 사용하여 결과를 확인하십시오.

점검 목록 업데이트

종자 데이터를 변경하고 npm run seed 로 Reseed

권장 도구

./.vscode/extensions.json 에 나열된 확장자가 권장됩니다.

환경 변수

.env.local 파일에 환경 변수가 필요한지 확인하십시오.

 DATABASE_URL=postgresql://<YOUR_DB_USERNAME>@localhost:5432/ladderly-3

.env.test.local 파일에 환경 변수가 필요한지 확인하십시오.

 DATABASE_URL=postgresql://<YOUR_DB_USERNAME>@localhost:5432/ladderly-3_test

테스트

농담을 사용하여 테스트를 실행합니다.

 yarn test

Blitz는 Vitest 및 React-Testing-Library를 사용하여 테스트 설정과 함께 제공됩니다.

구축

1. Blitz.js
2. ESLINT : 코드가 줄어 듭니다. 나쁜 관행을 검색하고 이에 대해 알려줍니다. .eslintrc.js 통해 사용자 정의 할 수 있으며 플러그인을 설치 (또는 쓰기)하여 좋아하는 방식으로 설치할 수도 있습니다. 이미 blitz 구성과 함께 제공되지만 안전하게 제거 할 수 있습니다. 자세히 알아보십시오.
3. HUSKY : 특정 git 이벤트가 트리거 될 때 실행되는 작은 코드 인 githooks를 추가합니다. 예를 들어, pre-commit 커밋이 생성되기 직전에 트리거됩니다. .husky/ 내부의 현재 후크를 볼 수 있습니다. 촉발하고 추진하는 데 문제가있는 경우 문제 해결 안내서를 확인하십시오. 자세히 알아보십시오.
4. 더 예쁘다 : 그것은 당신의 코드가 어디에서나 동일하게 보이도록 형식화합니다. .prettierrc 파일을 통해 구성 할 수 있습니다. .prettierignore 에는 더 예쁘게 무시 해야하는 파일이 포함되어 있습니다. 큰 파일이 있거나 사용자 정의 형식을 유지하려는 경우 유용합니다. 자세히 알아보십시오.