무료로 배포하기 ( 사이드 프로젝트 배포하기 - 프론트편 )

프로젝트 배포를 해야해서 복잡한 백앤드는 뒤로 하고,

프론트를 우선적으로 배포하기로 했습니다

vercel을 사용하면 손쉽게 배포할 수 있어요

Vercel: Build and deploy the best web experiences with the AI Cloud – Vercel

Vercel gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.

vercel.com

저는 이전에 vercel로 많이 배포를 해서 git이 연동되어있는데,

연동이 안되어 있다면 연동해주시면 됩니다.

[vercel] vercel로 github 웹 페이지 배포하기

🗣️ 프론트엔드를 학습 중이시라면 내가 만든 웹 페이지를 배포하고 싶으실텐데요!오늘은 vercel를 이용해 배포하는 간단한 방법을 알아보겠습니다!!!!vercel위 사이트에 접속하여 회원가입을 먼

velog.io

여기에 보면 잘 나와있더라구요?

import 클릭

deploy클릭해주세요

그럼 끝입니다 ㅋㅋ

그럼 이런식으로 도메인 주소가 보일거예요.

.vercel.app이거 너무 보기 싫잖아요?

무료로 도메인을 발급 받아 봅시다..

내도메인.한국 - 한글 무료 도메인 등록센터

한글 무료 도메인 내도메인.한국, 웹포워딩, DNS 등 무료 도메인 기능 제공

xn--220b31d95hq8o.xn--3e0b707e

회원가입 하시고, 일반 도메인 검색에 도메인 이름 입력해주세요.

등록하기를 누르면 여러분의 도메인을 get하신거예요

그럼 이제 발급받은 도메인을 vercel에 등록해보도록 합시다

Domains 클릭해주세요.

그리고 여기에 좀전에 발급받은 도메인 주소를 넣어줍니다.

이런식으로 나올텐데 그냥 Save눌러줍시다.

그럼 이런식으로 빨간불이 들어올텐데요.

다시 도메인 사이트로 이동해서, 도메인관리 > 수정 버튼을 눌러줍시다.

그럼 이런식으로 고급설정부분에 필요로하는거 체크하시고 입력해주시면 됩니다.

수정하기 눌러주시고

DNS 배포까지 최대 5분정도 소요될 수 있으니, 화장실 한번 다녀옵시다.

새로고침 해보시면 이렇게, 파란불로 바뀐걸 확인할 수 있어요.

이제 vercel.app 같이 복잡한 도메인 말고,

깔끔한 도메인으로 접속할 수 있습니다!!

joney1994 님의 블로그