이제 블로그도 만들었으니 다른 사람들도 볼 수 있게 인터넷 세상에 던져볼까요!?
배포(Deploy)란 만든 앱, 웹사이트, 블로그 등을 인터넷 상에서 공개하고 이용할 수 있게 만드는 것입니다. 이를 위해서는 서버에 앱이나 웹사이트를 올리고, 도메인을 구매해서 연결하고, 보안 인증서를 발급받아 HTTPS로 보안을 강화하는 등의 작업이 필요합니다.
하지만 저희는 서버용 컴퓨터도 없고, 도메인도 없고 보안 인증서도 발급 받지 않았는데…이걸 어떻게 다하죠?
Netlify
걱정마세요. 우릴 대신해서 서버를 관리해주고 임시 도메인도 주고, 필요하다면 도메인 구매, 보안 인증서 발급까지 도와주는 킹왕짱 사이트 Netlify가 있으니까요!
Netlify는 웹사이트를 배포하고 관리하기 위한 플랫폼입니다. Github를 통해 연결하여 올리는 것이 가능하며, 서버 관리, 도메인 배정, 보안 인증서 발급 등도ㅁ 지원합니다. Netlify 가입을 위해서는 Github 계정이 필요합니다.
Github은 원격 저장소를 제공하는 무료 서비스로, 프로그래머들이 코드를 공유하고 협업하는 데 많이 사용됩니다. 있으신 분들은 생략하고 하단 Netlify 가입하기부터 진행하면 됩니다.
Github 가입하기
우선 Github 사이트에 접속하여 우측 상단에 있는 Sign up 버튼을 눌러줍니다.
Enter your email 하단에 실제로 사용하는 이메일을 넣어주세요. 이것이 곧 아이디가 됩니다. 적고 나서 Continue 클릭합니다.
사용할 비번을 넣어주세요. 이후 Continue 클릭합니다.
사용할 닉네임을 적어주세요. 이후 Continue 클릭합니다.
이메일로 제품 업데이트 및 알림을 받으려면 y를, 받지 않으려면 n을 입력하고 Continue를 클릭합니다.
사람인지 확인하는 퍼즐을 진행해야합니다. 확인 버튼을 클릭해주세요.
흰색 물체가 같은 것을 선택하면 되는데 이 경우는 6번째가 답입니다.
두 번 잘 했다면 이렇게 체크그림이 나옵니다. Create account를 클릭합니다.
우리가 적었던 이메일 주소로 코드를 보냈다고 합니다. 이메일을 확인해주세요.
이메일에 다음과 같이 숫자들이 들어있는데 이를 입력해주시면 됩니다.
그러면 가입이 완료됩니다. 개인정보 설정을 위한 질문 사항들이 나오는데, Skip personalization을 클릭해서 생략해도 됩니다.
다음과 같이 화면이 뜨면서 회원가입이 완료되었습니다!
이제 Netlify 가입도 진행해보겠습니다.
Netlify 가입하기
Netlify 사이트에 접속하여 우측 상단에 있는 Sign up을 클릭합니다.
Github 아이디로 가입해야하기 때문에 Sign up with Github 을 클릭합니다.
보통 Github이 로그인이 되어있다면 자동으로 바로 넘어가지만, 아닐 경우 로그인을 하라는 화면이 나옵니다. 로그인해주세요!
Github 아이디를 통해 인증을 하는 작업입니다. Authorize netlify를 클릭합니다.
간단한 질문들과 함께 팀이름을 정하라는 내용이 나오는데, 아래 이미지처럼 하셔도 되고 다르게 해도 됩니다. 팀이름은 멋있게 BlogTeam이라 하겠습니다. (안 멋있다면 다른 거 하셔도 됩니다!) Continue to deploy 클릭!
이제 우리가 만든 사이트를 배포하려고 합니다. Try Netlify Drop을 클릭해주세요!
HTML, CSS, Javascript 가 들어간 폴더를 여기에 끌어다 놓으라고 하네요! 그렇다고 우리 프로젝트를 그대로 올려놓으면 안됩니다. .vue 파일들을 컴파일하고 최적화하는 등의 빌드 과정이 필요하거든요!
이번 글에서는 Github과 Netlify를 가입에 중점을 두었기 때문에, 배포는 다음 글에서 자세히 다뤄보도록 하겠습니다.
