DIL: 모던 리액트 딥 다이브, 5주차-4

스터디: 월간 CS, https://github.com/monthly-cs/2024-03-modern-react-deep-dive
오늘 진행: 개인공부

---

DIL-week5-4_2024-04-04

| DIL 주차 | 범위 | 내용 | 오늘차 진도 | | -------- | ---- | -------------------------------------------------- | ----------- | | 5주차 | 9장 | 모던 리액트 개발 도구로 개발 및 배포 환경 구축하기 | 556p~ |

오늘 읽은 내용을 markdown으로 간단히 메모

---

모던 리액트 개발 도구: 깃허브 100% 활용하기

깃허브 Marketplace

기본 액션

| 액션 | 내용 | 설명 | | -------------------------------- | ------------------------------------- | -------------------------------------------- | | actions/checkout | 깃허브 저장소 체크아웃 | default는 트리거한 최신 커밋, | | actions/setup-node | Node.js를 설치 | 설치할 Node.js 버전 지정 가능 | | actions/github-script | Github API 제공 기능을 사용할 수 있다 | https://github.com/actions/github-script | | actions/stale | 오래된 이슈, PR 자동 닫기 | | | actions/dependency-review-action | 의존성 그래프 변경 시 실행 | 의존성을 분석해 보안 혹은 라이런스 문제 체크 | | actions/codeql-action | 코드 분석 솔루션 code-ql | 코드 내 취약점 분석, 스케줄 혹은 CI |

그 외 액션

| 액션 | 내용 | 비고 | | -------------------------------- | ---------------------- | ---------------------------------------------------------------------- | | calibreapp/image-actions | 이미지 압축 | imgbot 앱도 사용 가능 | | lirantal/is-website-vulnerable | 라이브러리 취약점 확인 | npx로 실행 가능, npx is-website-vulnerable https://www.netflix.com/kr/ | | CI 시, 취약점 발생하면 액션 실패 | | lici/cli | Lighthouse CI | PR 마지막에 라이트하우스 결과 추가 |