일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- javascript
- CICD
- 에프랩
- virtual DOM
- 마이크로프론트엔드
- 가상돔
- Reconsiliation
- React
- F-Lab 오티
- 비동기 테스트
- F-Lab 회고
- ESLint
- Husky
- 모노레포
- Frontend
- Prettier
- F-Lab
- 전역 상태 관리
- github actions
- 프론트엔드
- context api
- 주간 회고
- 데이터 타입
- jest
- TDD
- 패스트캠퍼스
- 패캠
- 인프런 멘토링
- Jest Matchers
- aws s3
- Today
- Total
목록Git (2)
bytrustu tech blog
개발 > 빌드 > 테스트 > 릴리즈 > 배포 어느 정도 규모가 있는 개발팀의 경우에는 CI/CD를 구축하는 것이 보편적이다. Github Actions은 빌드, 테스트, 배포를 자동화시키는 파이프라인을 만들 수 있다. Github Actions를 통해서 개발에서 배포(AWS S3) 까지의 작업을 자동화하여 구축해 보자. Github Actions Github Actions란, 개발 라이프사이클 안에서 Pull Request, Push 등의 이벤트 발생에 따라 자동화된 작업을 진행할 수 있게 해주는 기능이다. CI (Continous Integration) CI는 코드를 지속적으로 통합해나가는 것을 의미한다. 일반적으로 코드의 통합은 Github의 PR을 통해서 진행할 수 있기에 CI 과정에서 도대체 무엇..
ESLint, Prettier, Husky 프로젝트를 초기 구성하게 되면 코딩 컨벤션을 정하게 된다. 나만의 코드 취향이라던지, 팀원과 협업 과정에서 자체적인 규칙으로 일관된 코드 스타일을 유지하기가 힘들 수 있다. 이러한 비효율을 유발하는 부분을 극복하기 위해 Lintter와 Code Fomatter를 사용하게 된다. 그런 도구에 ESlint, Prettier, Husky가 있다. ESLint Docs 일관된 버그를 피할수 있는 코드를 짜기 위해서 만들어진 코드 분석 도구이다. 작성된 코드의 구문을 분석하여 규칙, 버그가 발생할 여지가 있거나 불필요한 코드 등에 대한 경고를 띄워준다. 설정 커스터마이징을 허용하기에 필요한 규칙들을 커스텀해서 적용이 가능하다. ESLint 설치 eslint-config-..