프론트엔드 관점에서의 CI/CD 알아보기

🍓 CI/CD란?

<aside> 💡

CI = continuous integration (지속적 통합)

CD = continuous deployment (지속적 배포), continuous Delivery (지속적 제공)

</aside>

프론트엔드 관점에서,

• CI → 프로젝트를 빌드하고 테스트하는 과정을 자동화한 것
• CD → 빌드된 프로젝트를 실제 유저가 사용하고 있는 프로덕션 환경에 배포하는 것

우리는 이 과정을 CI/CD 파이프라인 구축을 통해 자동화한다.

이를 통해 개발 효율성을 높이고, 배포 과정에서의 오류를 최소화하여 업데이트를 더 빠르게 제공할 수 있다.

🍓 웹 사이트를 배포하는 과정

• 정적 웹 페이지 vs 동적 웹 페이지

✅ case 1 : 정적 웹 사이트 배포

• 일반적으로 웹 호스팅 서비스를 사용 (Netlify, Vercel, Github Pages, Firebase Hosting ..)

✅ case 2 : 동적 웹 사이트 배포