프론트엔드 Netlify 를 통한 CI/CD

여러 클라우드 플랫폼

1. AWS
2. Azure
3. Heroku 
4. FireBase
5. Netlify

 

빌드 : 서버에 올릴 수 있는 상태로 만드는 것

배포 : 사용자가 사용할 수 있게 서버에 올리는 것.

나는 지금 개발중인 토이프로젝트 프론트엔드 부분을 배포하려고 해서 알아보던 중 Netlify 라는 웹 호스팅 서비스를 보게되었다. 특히 Netlify 는 정적 애플리케이션 호스팅에 사용하는 서비스이기 때문에 프론트엔드를 배포하기에는 딱 좋은 서비스라고 생각했다.

Netlify에 회원가입하고 Git과 연동하는 방법은 정말 간단했고 이 부분은 워낙 자료가 많고 잘정리된게 있기 때문에 넘어는 편이 좋겠다. 

 

이 상태가 되면 완료가 된 것이다.

깃과 연동하고 자동 빌드해주는 설정을 하고 나면 정말 간편하게도 Git에서 해당 프로젝트에 push를 하게되면 Netlify에도 자동으로 프로젝트가 빌드 및 배포된다..(정말 간편했음..)

 

git에서 푸시할떄마다 자동으로 빌드해준다

 

이런식으로 로그도 바로 보여준다.

 

현재는 그래서 Vue를 활용해서 만들고 있는 토이프로젝트에 프론트엔드 단을 자동화 배포 해놓은 상태이다.

메인 화면

 

게시물 클릭했을 때의 상세화면

 

 

백단은 스프링으로 지금 구현하고 있는 친구가 있다. 이 친구도 지금 CI/CD환경으로 프로젝트를 배포하려 하는데, 아마 완성된 파이프라인은 

프론트엔드 :  git --> netlify 

백엔드 : git --> traevis -->  aws ec2 

이런식으로 짜일 것 같다.