[Feat] CI용 git actions 추가

[loevray]

📋 Issue Number

close #312

💻 구현 내용

• main브랜치에 push시 자동배포하는 git actions를 추가하였습니다. 세부단계는 아래와 같습니다.

1. 브랜치를 복제합니다(checkout)
2. Node v20을 설치합니다
3. yarn v4를 사용하기위하여 corepack을 enable상태로 변경합니다
4. yarn 버전을 현재 저희 개발환경에서 사용중인 4.1.0으로 변경합니다
5. 의존성을 설치합니다
6. 빌드
7. aws 인증정보를 셋팅합니다
8. aws에 배포합니다. s3의 assets 폴더내부 파일을 재귀적으로 삭제 후 s3버킷에 현재 git actions 컨테이너의 ./dist 파일과 동기화합니다.
9. cloudfront의 캐시를 무효화합니다(전부 무효)

• vercel 배포에 비하여 총 배포시간 약 20%내외 감소하였습니다.
• main브랜치에 pr시 build + test함수 검사하는 git actions를 추가하였습니다
• 이제 package.json내부 packageManager프로퍼티 추가 및 lint-staged + husky 정상작동 합니다

📷 Screenshots

vercel 배포시간

aws 배포시간

🤔 고민사항

1. yarn v4의 zero install 활용방안(경로문제...😐)
2. yarn 캐싱 이용방안

[dlsxjzld]

고생하셨습니다!! 배포 시간이 20%나 줄고 yarn berry를 쓸 수 있어서 좋네요 ㅎㅎ 👍

[dlsxjzld]

build를 이렇게 테스트 할 수 있다니... 하나 배워갑니다!! 👍

[dlsxjzld]

궁금한 게 대소문자는 상관 없나요?! 🤔
ex) Checkout 과 checkout

[loevray]

각 step의 이름입니다! 저희가 임의로 정할수 있더라구요ㅎㅎ
job(작업 정의)> step(작업을 단계별로 쪼개기) > name1, name2... 이런식으로 작동합니다!

https://github.com/Team-E2I4/Team-E2I4-TiKiTaza-FE/actions/runs/8505681422/job/23294583847?pr=311
링크 들어가보시면 파일 내 적혀있는 단계별 name이 그대로 반영된 걸 확인하실 수 있습니다!