웹 배포를 한 후, 도메인을 등록해보자는 마음을 가지고 무료 도메인을 알아봤다.
https://xn--220b31d95hq8o.xn--3e0b707e/
내도메인.한국 - 한글 무료 도메인 등록센터
한글 무료 도메인 내도메인.한국, 웹포워딩, DNS 등 무료 도메인 기능 제공
xn--220b31d95hq8o.xn--3e0b707e
이곳에서 간단한 회원가입을 마친 후 무료 도메인을 등록할 수 있었다.
그 과정을 간단히 정리해보겠다.
1. 도메인 검색 후 등록
원하는 도메인을 검색하면 등록할 수 있는 도메인이 뜰텐데 그 중 마음에 드는 도메인 등록하기를 누르자.
2. 도메인 관리(수정)
ip 주소를 연결해야 등록이 완료된다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
<meta property="og:title" content="COHO-Calendar">
<meta property="og:description" content="코인 호재 캘린더 - 거래소별로 정리된 코인들의 호재를 날짜별로 알 수 있는 캘린더">
<meta property="og:image" content="https://scontent-ssn1-1.xx.fbcdn.net/v/t1.6435-9/190564059_1823729931133321_4735039287576340331_n.jpg?_nc_cat=103&ccb=1-3&_nc_sid=730e14&_nc_ohc=ED0dtIZXLd0AX-T2oBb&_nc_ht=scontent-ssn1-1.xx&oh=4554731d497e4c9edee9320ff28f2e6c&oe=60D65057">
<title>COHO-Calendar</title>
<style>
body { margin: 0; overflow: hidden; }
iframe { width: 100vw; height: 100vh; border: none; }
</style>
</head>
<body>
<iframe src="http://13.124.18.171"></iframe>
</body>
</html>단일 페이지를 체크하고 내용에 위 코드를 붙여넣기하자. ip주소는 본인의 ip주소로 바꿔야한다.
중간에 있는 <meta property:"og:....>이 부분은 주소를 카톡방같은 곳에 붙여넣기했을때 나오는 미리보기를 설정하는 코드이다.
title - 제목
description - 아래 작게 나오는 설명
image - 미리보기 사진
각각 이것들을 의미한다.
3. x-frame-options 설정
위 과정까지 마쳐도 아마 페이지 접속이 안될 것이다. 기본적으로 배포할때 x-frame-options가 deny로 설정되있기 때문이다.
때문에 nginx와 Django에서 x-frame-options를 설정해주어야 한다.
1) nginx
cd /etc/nginx
sudo vi nginx.conf
add_header X-Frame-Options "allow-from <도메인 주소>";
이 코드를 http 안에 추가해준다.
2) Django
settings.py에 들어가준다.
middleware 안에 'django.middleware.clickjacking.XFrameOptionsMiddleware',
이 코드가 있는지 확인해보고 없으면 추가해준다.
그 후 아래 코드를 settings.py에 추가해준다.
X_FRAME_OPTIONS = 'ALLOW-FROM <도메인 주소>'이렇게 하면 도메인 연결에 성공할 수 있다.
'[React+Django 프로젝트 - 유튜브 악플탐지]' 카테고리의 다른 글
| EC2) 리눅스 ubuntu 크론탭으로 파이썬 파일 자동실행하기 (0) | 2021.05.30 |
|---|---|
| 배포) Django + React + Gunicorn + Nginx + EC2 배포하기 (0) | 2021.05.30 |