Netlify 서비스 사용해 보았습니다.

<SeongHun />·2022년 4월 2일
1
post-thumbnail

Netlify📌


4월 2일 TIL

  • Netlify
    • 지속적인 배포
    • Netlify 써보기




1. 지속적인 배포


Netlify의 지속적인 배포(Continuous Deployment)란?

우리는 로컬 저장소에 저장되어 있는 프로젝트들을 github 원격 저장소에 업로드(push)를 한다. 이때 Netlify 라는 서비스를 통해서 원격 저장소를 연결해 주면 Netlify 서비스가 연결된 저장소를 가지고 와서 사이트를 자동으로 만들어 준다!


세상에 굉장히 편리하지 않은가!!!


Continuous Deployment에서 "Continuous" 지속적이라는 개념이 나오는데, 보통 우리가 컴퓨터(로컬 환경)에서 프로젝트를 수정을 하고 다시 원격 저장소에 업로드(push)를 한다.

그럼 Netlify 가 자동으로 확인해서 업데이트 된 사항이 있으면
'새로운 버전이 있네? 변화가 있구나! 그럼 사이트에 반영을 해야겠네?' 라고 자동으로 업데이트를 해준다.

굉장히 많은 것들이 자동화 되는 시스템이 바로 지속적인 배포! Continuous Deployment 라고 얘기한다.



2. Netlify 써보기!

github 저장소에 업로드 되어 있는 나의 codelion-profile 프로젝트를 Netlify 서비스를 이용해 배포해 보자!

  1. 먼저 Netlify 홈페이지에 접속해서 회원가입을 진행한 후

  1. Import from Git 버튼을 클릭한다.

  1. 그리고 Github 버튼을 클릭하면

  1. permission 페이지가 나오는데 Netlify 에 권한을 부여해 주는 과정이다.

  2. Authorize Netlify 버튼을 클릭해서 인증을 해주자.

  3. 이후 Install Netlify 페이지를 통해 All repositories 를 선택해서 전체 저장소를 오픈해 주자.

  1. 그리고 Netlify 서비스를 시작할 프로젝트를 선택하자.

  2. 그럼 페이지 이동이 되고, OwnerBranch 를 선택을 하면 되는데 Branchmain 혹은 master 를 권장한다. 그리고 Basic build settings 는 지금 당장 설정할 필요가 없기 때문에 넘어가고 Deploy site 버튼을 클릭해 주자.

  1. 그리고 5초에서 30초정도의 시간이 지나면 https 로 시작하는 주소가 생성이 되었다!
    (주소가 안보인다면 새로고침)
    도메인 이름이 만족스럽지 않다면 따로 도메인을 구입해서 연결해 주면 된다.

  1. URL을 클릭하면 배포가 된 것을 확인할 수 있다!




참고


profile
프론트엔드 개발자..? 쉽지 않겠는걸.. 그치만 재밌는데? 좋아~ 가보자구!

6개의 댓글

comment-user-thumbnail
2022년 4월 3일

직접 배포까지 해보셨군요. 👏👏
Netlify 가 최신 버전을 자동 업데이트해주는 편리한 기능이 있네요? 나중에 배포할 때 다시 보고 직접 해보겠습니다.!!!

1개의 답글
comment-user-thumbnail
2022년 4월 3일

헉 대박... 이런 것도 있었군요! 나중에 써봐야겠어요! 잘보고 갑니다! 다음에 사용할 때 여기 다시 들어와야지... 북마크 완..

1개의 답글