모바일청첩장 직접 만들기 with 코딩 - 0. 셀프메이드 모바일청첩장 도전기

안녕하세요. Teus입니다.

 

저는 코딩 관련된 유사한 직업을 하고 있었습니다.

 

그러던 와중에 든 생각이

모바일 청첩장. 직접 만들면 되지 않을까🤔?

하는 생각이 들었고

 

모바일 청첩장 가격이 얼마하는지 스윽 봤습니다.

...

생각보다 얼마 안하더라구요...

 

그래도!😏

 

내가 직접 내 결혼식의 청첩장을 만들면, 특별한 선물이 되지 않을까?

 

하는 생각에 직접 모바일 청첩장을 만들게 되었습니다.

1. 어떻게 외부에 공개할 것인가?

일단 청첩장을 만들고, 이 청첩장을 외부에 사람들이 확인 할 수 있어야겠죠?

 

그렇다면 결국 클라우드던 뭐던 배포를 해야합니다.

 

전통적인 cloud : Amazon EC2, Azure Static WebApp등

 

무료 WebApp 배포 : Vercel이나 Netlify와 같이 정적인 FrontEnd를 사용해서 배포할 수도 있습니다.

 

하지만 Cloud를 직접 사용하는건 소잡는칼로 광선검을 쓰는 느낌이고,

 

Vercel이라 Netlify의 경우 잘못하면 호스팅비로 텅장이 될 수도 있는상황

 

그래서 저는 github.io에다가 정적인 WebPage를 배포하는 방법을 선택 했습니다😄

 

github.io의 장점!

무료 호스팅!

React를 사용하여 배포할 수 있다.

CI/CD신경쓸 필요가 없다!

 

github.io의 단점!

Single Page말고 Page이동 불가능!

비교해보면 장점이 압도적으로 좋아서

 

빠르게 개발하고 쓰기 좋아서 github page에 올리기로 결정 했습니다!

2. 어떻게 만들 것인가?

FrontEnd만 만들것이기 때문에, FrontEnd에서 가장 많이사용하는 기술인 React를 사용하기로 결정 하였습니다.

 

그리고 React의 vite를 사용해서 프로젝트를 만들기로 결정!