도메인 구매 및 Vercel 연결하기
2024.09.16 - [LAB/LAB 홈페이지 제작] - Vercel 프론트엔드 배포 방법 (100% 무료)
Vercel 프론트엔드 배포 방법 (100% 무료)
배포를 해보자 우리 랩실은 올해 11월달에 한국자기학회에 참가할 예정이다.그 전까지 홈페이지가 완성 까지는 아니더라도 소개 페이지 정도 만들어졌으면 하는 교수님의 요청이 있었고, 그 전
j-codingbox.tistory.com
도메인을 구매하기 전, Vercel을 통해서 먼저 배포를 진행한 상태이다.
Vercel에서 도메인을 수정할 수는 있지만 무료 버전을 계속 사용하기 위해서는 도메인 맨 뒤에 ".vercel.app"을 무조건 붙여야 한다.
배포를 연습해보고 간단하게 포트폴리오 정도를 만들 때는 큰 상관이 없겠지만 공식 사이트를 제작해야 할 때는 조금 문제가 될 수 있다.
현재 내가 만들고 있는 웹 페이지는 내가 다니고 있는 연구실 홈페이지이다.
아무래도 장기적으로 운영해야 하는 홈페이지다 보니 ".vercel.app"을 붙이는 것은 좋지않다고 판단 하였다.
교수님 또한 별로 마음에 들지 않아 하셨다.
도메인 연결 방법을 바로 알고싶다면 아래 "도메인 구매 후 Vercel과 연동" 으로 이동하길 바란다!!
랩실 영어이름 만들기
먼저 도메인을 만들기 위해서는 랩실 영어이름을 먼저 만들어야 했다.
우리 랩실의 한글명은 데이터융합철강재료설계연구실 이다.
이것을 바로 직역해서 영문으로 만들어버리면 너무 길어지게 되었다.
대충 이런 느낌으로 교수님께 추천 드렸었다.
교수님이 며칠간 고민을 조금 하신 후 나에게 결정안을 알려주셨다.
아주 마음에 드는 이름이었다.
줄여서 DDMD Lab!!
웹티즌
🥇웹티즌- 도메인최저가, 호스팅최저가, 홈페이지제작, 홈페이지제작무료상담, 무료부가서비스
www.webtizen.co.kr
도메인은 이곳에서 구매했다.
ddmdlab 도메인을 검색을 하면 사용 가능한 도메인들이 나오게 된다.
.org은 이미 우리가 먹었기 때문에 사용할 수가 없다고 나온다!!
(포스팅 하는 시점이 이미 구매 완료 후 시점이라,,)
그리고 같은 도메인이더라도 뒤에 어떤것이 더 붙여지냐에 따라 값이 달라짐을 유의해야 한다.
교수님 결제도 떨어졌겠다 바로 도메인 구매를 완료했다.
도메인 구매 후 Vercel과 연동
- Vercel에서 Settings > Domains 메뉴로 이동
- 구메한 도메인 입력 (예: ddmdlab.org)
- Vercel이 제공하는 네임서버(NS) 또는 DNS 레코드 정보를 확인/복사
- 웹티즌에서 도메인 관리 > 도메인 레코드 관리 메뉴로 이동
- DNS 레코드 설정 방식의 경우 :
- A 레코드 : @ 또는 도메인을 Vercel의 IP로 설정
- CNAME 레코드 : www를 Vercel의 도메인으로 설정
- 추가로 필요한 TXT 레코드 등이 있다면 설정
- 네임서버 설정 방식의 경우 :
- Vercel이 제공하는 네임서버 주소로 변경
- 일반적으로 2 ~ 4개의 네임서버 주소를 제공함
이렇게만 해주면 된다.
보는 바와 같이 매우 간단하다.
도메인 연결이 성공적으로 완료 되었다면 다음과 같이 파란 체크 표시가 될 것이다.
만약 Git으로 웹을 업데이트 시키고 싶다면 그냥 Push를 통해서 바로 반영이 된다.
반영이 되기까지 약 2분 정도가 소요되었다.
이렇게 아주 쉽게 도메인 연결을 할 수 있었고 쉽게 웹 업데이팅을 할 수 있는 방법을 알아보았다.
도메인 가격도 생각보다 괜찮아서 내가 만든 홈페이지를 직접 운영하고 싶다면 다음에도 이 방법을 사용하면 좋을거 같다는 생각을 하였다.
연결된 도메인을 보시고 교수님이 아주 흡족해 하셨다.
Data Driven Material Design Lab
데이터융합철강재료설계 연구실 메인 홈페이지
www.ddmdlab.org
'LAB > LAB 홈페이지 제작' 카테고리의 다른 글
컴포넌트 생성 후 map() 함수 사용 (2) | 2024.10.18 |
---|---|
헤더 반응형으로 만들기 - 모바일 버전 헤더 만들기 (11) | 2024.10.08 |
헤더 반응형으로 만들기 - React 에서 Tailwindcss 적용 (2) | 2024.09.28 |
Vercel 프론트엔드 배포 방법 (100% 무료) (0) | 2024.09.17 |
LAB 메인페이지 제작 (4) | 2024.09.16 |