본문 바로가기
FE

프론트엔드에서의 CI/CD

by 코딩의 세계 2025. 9. 18.

ci/cd

ci/cd 이야기를 들어본 적이 있다.

근데 이건 큰 프로젝트들에서 쓰이기에, 따로 개인적으로 써본 적은 없다. 그래도 하는 방법이랑 개념 정도는 글로 남기는 것이 좋아 보여서 이렇게 글을 남겨본다. (루비온레일즈에서는 약간 찍먹 정도 해봄)

CI/CD란?

심플하게 말하자면, 배포까지의 과정을 효율적으로 만들어주는 과정이다.

CI/CD는 코드 병합부터 테스트, 배포까지의 라이플사이클 전체에 걸쳐 자동화를 이루는 것이다.

CI는 빌드 및 테스트를 자동화하는 것이며, CD는 배포를 자동화하는 것이다. (당연히 이 두 개는 묶음 세트이다.)

관련 글

https://comprogramming.tistory.com/82#%F0%9F%93%8C%20CI%20%3A%20%EB%B9%8C%EB%93%9C%20%EB%B0%8F%20%ED%85%8C%EC%8A%A4%ED%8A%B8%20%EC%9E%90%EB%8F%99%ED%99%94-1

 

프론트엔드 CI/CD 효율적으로 활용하기 (feat. Github Actions)

CI/CD 말은 많이 들어봤는데, 큰 규모의 프로젝트는 개발해본 적 없는 나로서는 한번 배포하면 다시 배포할 일이 그렇게 많지는 않았기 때문에 접할 기회가 마땅히 없었다. 꼭 써보고 싶었는데 이

comprogramming.tistory.com

(개념적인 이야기)


https://koeyhhh.tistory.com/35

 

[프론트엔드 CI/CD 적용] React 프로젝트, Github Actions, Netlify 이용한 CI/CD 자동화 적용기

🚀 개요 프론트엔드에서의 지속적인 통합과 지속적인 배포의 자동화에 대해 적용을 하여 최적화를 진행한 경험과 방법을 공유하고자 합니다. 우선 현재 프로젝트 환경에 대해 간략히 이야기

koeyhhh.tistory.com

(적용하는 방법에 대한 이야기)


https://youtu.be/iLqGzEkusIw?si=GkkeWpy20z6j0SUN

(관련 영상) - 드림코딩

https://www.youtube.com/live/_YBdD-53XZU?si=pySh3-BXCz4VZ8_a

(아웃사이더님의 영상) -  아웃사이더님은 엄청난 고수이다..