๐ Angular 14 + ESLint, Material + Transloco + Jest, TestCafe + Docker + Prettier ๐
3542 ๋จ์ด beginnerswebdevangularjavascript
GitHub
https://github.com/wlucha/angular-starter
ํน์ง
โ Angular 14
โ Angular Material
โ Jest์ผ๋ก ๋จ์ ํ ์คํธ
โ TestCafรฉ์ ์ฌ์ฉํ ์ข ๋จ ๊ฐ ํ ์คํธ
โ ๊ตญ์ ํ Transloco
โ Compodoc์ผ๋ก ์๋ ๋ฌธ์ํ
โ source-map-explorer์ผ๋ก ํ๋ก์ ํธ ๋ถ์
โ Docker
โ ESLint
โ Prettier
โ Commit Linting
๋ฐ๋ชจ
์ค์
# Clone the project
$ git clone https://github.com/wlucha/angular-starter
$ cd angular-starter
# Install dependencies
$ npm install
# Start server
$ npm run start
# Open in browser: http://localhost:4200
๋์ปค ๋ฐฐํฌ
# Build Docker image
$ docker build . -t angular-starter
# Run Docker Container
$ docker run -p 3000:80 angular-starter
๋์ปค ํ๋ธ
https://hub.docker.com/r/wlucha/angular-starter
๋ช ๋ น
npm run start
- ์ฑ ์์npm run lint
- ํ๋ก์ ํธ ๋ฆฐํธnpm run test
- ๋จ์ ํ
์คํธ ์คํnpm run build
- ํ๋ก์ ํธ ๋น๋npm run build:prod
- ํ๋ก๋์
๋ชจ๋์์ ํ๋ก์ ํธ ๋น๋npm run build:prod:stats
- ํต๊ณ๊ฐ ์๋ ์ ํ ๋ชจ๋์์ ํ๋ก์ ํธ ๋น๋npm run analyse
- webpack-bundle-analyzer์ผ๋ก ๋ฒ๋ค ๋ถ์npm run compodoc
- compodoc ๋ฌธ์ ์์ฑ npm run changelog
- ๋ณ๊ฒฝ ๋ก๊ทธ ์์ฑnpm run prettier
- ์ ์ฒด ํ๋ก์ ํธ ํ์ ์ง์ GitHub
https://github.com/wlucha/angular-starter
Reference
์ด ๋ฌธ์ ์ ๊ดํ์ฌ(๐ Angular 14 + ESLint, Material + Transloco + Jest, TestCafe + Docker + Prettier ๐), ์ฐ๋ฆฌ๋ ์ด๊ณณ์์ ๋ ๋ง์ ์๋ฃ๋ฅผ ๋ฐ๊ฒฌํ๊ณ ๋งํฌ๋ฅผ ํด๋ฆญํ์ฌ ๋ณด์๋ค https://dev.to/wlucha/angular-14-eslint-material-transloco-jest-testcafe-docker-prettier-2l66ํ ์คํธ๋ฅผ ์์ ๋กญ๊ฒ ๊ณต์ ํ๊ฑฐ๋ ๋ณต์ฌํ ์ ์์ต๋๋ค.ํ์ง๋ง ์ด ๋ฌธ์์ URL์ ์ฐธ์กฐ URL๋ก ๋จ๊ฒจ ๋์ญ์์ค.
์ฐ์ํ ๊ฐ๋ฐ์ ์ฝํ ์ธ ๋ฐ๊ฒฌ์ ์ ๋ (Collection and Share based on the CC Protocol.)
์ข์ ์นํ์ด์ง ์ฆ๊ฒจ์ฐพ๊ธฐ
๊ฐ๋ฐ์ ์ฐ์ ์ฌ์ดํธ ์์ง
๊ฐ๋ฐ์๊ฐ ์์์ผ ํ ํ์ ์ฌ์ดํธ 100์ ์ถ์ฒ ์ฐ๋ฆฌ๋ ๋น์ ์ ์ํด 100๊ฐ์ ์์ฃผ ์ฌ์ฉํ๋ ๊ฐ๋ฐ์ ํ์ต ์ฌ์ดํธ๋ฅผ ์ ๋ฆฌํ์ต๋๋ค