[동아리 소개 페이지 만들기] 4. 웹페이지 배포 및 서버 도메인 연결하기

1. 웹 페이지 배포

1) 웹 서버 공부

배포를 하기 전에 웹에 관한 지식이 거의 없었다. 그래서 프론트 배포에 관한 웹 지식에 대해 더 공부해보았다.

그 결과 웹 페이지 배포를 위한 웹서버의 필요성을 느끼게 되었다. 현재 동아리 소개 페이지는 기본적인 html, css, javascript등의 파일을 보여주기만 하는 정적 호스팅이다. 따라서 DB나 SQL등의 백엔드 서버가 필요하지 않다.

 

2) 정적 페이지 호스팅하기

웹페이지 배포하기

사실 우리 학교에는 동아리 전용 우분투 서버가 있다. 이 서버를 사용하여 배포하며 배포에 관한 지식도 같이 공부할 생각이었다. 하지만 현재 가장 급한건 신입생 모집 일정을 맞춰서 우선 배포부터 하는 것이다. 회의 결과 빠른 배포를 위해 Netlify를 이용해서 배포를 진행하기로 했다.

기획 회의와 코드를 구현하는 시간에 대부분의 시간을 쓰고 있는 상태이고 남는 시간에는 javascript와 React공부를 하느라  바빠서 배포에 관해 공부할 시간이 나지 않았기 때문이다.

따라서 몇 번의 클릭만으로 배포까지 할 수 있는 Netlify를 이용하기로 했다.

https://endless-creation.netlify.app/

Endless Creation

 

도메인 네임 등록하기

동아리 선배한테 그 전에 쓰던 도메인네임을 전달받았다.

www.godaddy.com 통해 연결하려고 했다. 지금은 일정상 이미 배포가 되어있어서 아직 연결이 안됐지만 모집이 완료되면 www.endless-creation.com을 통해 도메인을 연결하려고 한다.

https://kr.godaddy.com/

나만의 여정 만들기 | GoDaddy KR

 

추후 Netlify에서 배포한 ip주로를 도메인네임에 연결할 것이다. 

 

 

2. 문제 해결 과정에서 배운 것들

프론트 배포를 위한 웹 지식에 대해 더 공부해보니 CSR(Client Side Rendering), SSR(Servber Side Rendering), SPA(Single Page Application), MPA(Mulitple Page Rendering) 등 많은 용어들에 대해 알게 되었다.

 

3. 느낀 점

구현은 다 완료해서 이제 거의 다 끝난줄 알았더니 배포에서 엄청 힘들었다!!

사실 그동안 배포는 오로지 백엔드 영역인 줄 알았다. 하지만 프론트엔드 측에서도 프론트 배포를 위한 웹 서버 지식을 알아야 함을 뼈저리게 느꼈다. 얄팍하게만 알던 나의 무지에 일각심을 깨워주는 계기가 되었다.

Netlify는 매우 쉽게 배포할 수 있는 만큼 오류도 많고 배포에 관해 얻을 수 있는 지식은 하나도 없다. 이 부분이 가장 아쉬웠다.

지금은 마감 일정 때문에 바빠서 아쉽지만 어쩔 수 없이 Netlify로 배포했다. 하지만 다음 프로젝트 때에는 아마존의 AWS 서비스를 이용해 S3(Amazon Simple Storage Service)과 EC2(Elastic Computing Cloud)를 이용하며 배포에 관해 더 깊게 공부해보고 싶다.

 

웹 공부는 해도 해도 끝이 없는 것 같다. 그만큼 성장할 길이 먼 것 같다. 파이팅!