2025. 1. 21. 16:59ㆍEtc Project/Portfolio
Kortfolio
PROFILE 권태완 1995.11.11 / 서울특별시 광진구 taewandev56@gmail.com https://kwonputer.tistory.com/ 서로 다른 언어를 이해하는 통역사처럼, 기술과 사용자의 니즈를 이해하고 연결하며 소통의 다리가 되고자 하
www.kwonputer.shop
https://github.com/KwonGeneral/Kortfolio.git
GitHub - KwonGeneral/Kortfolio: 포트폴리오
포트폴리오. Contribute to KwonGeneral/Kortfolio development by creating an account on GitHub.
github.com
이번엔 도메인 구매 및 연동에 대해서 진행하겠습니다~
구글에 '가비아'를 검색하시고 신규등록을 하시면 되는데요, 저는 kwonputer로 구매하려고합니다.
shop 도메인이 가장 저렴해서 구매하려고 합니다.
구매하고나서 My가비아로 접근하시면 확인이 가능합니다.
그 다음에, AWS Route 53으로 넘어오셔서, 호스팅 영역을 생성해줍니다.
그리고나서 레코드가 생성된걸 볼 수 있는데, 여기서 NS에 해당되는 '값/트래픽 라우팅 대상'에 적혀있는 값을 복사해줍니다.
가비아의 네임설정으로 넘어가줍니다.
AWS에서 복사한 값 4개를 1~4차에 붙여넣어줍니다.
그 다음 다시 AWS로 돌아오셔서, 레코드 생성을 눌러줍니다.
그리고나서 값에다가는 탄력적 IP를 적어주고 생성해줍니다.
이제 Django의 settings.py로 가신다음에, HOSTS 부분을 수정해줍니다.
그리고나서 EC2 인스턴스에 연결하시고 터미널로 접속해줍니다.
'sudo nano /etc/nginx/conf.d/kortfolio.conf' 명령어를 통해 nginx 설정도 변경시켜줍니다.
server {
listen 80;
server_name "도메인명";
location /static/ {
alias /var/www/static/;
access_log off;
expires max;
add_header Cache-Control public;
}
location / {
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_pass http://unix:/run/gunicorn/gunicorn.sock;
}
}
마지막으로 서비스를 재실행시켜주시면 도메인 연동은 끝입니다.
sudo systemctl restart nginx
sudo systemctl restart gunicorn
도메인이 잘 연결됐네요.
이미지나 CSS를 불러오지 못하는 이유는, 해당 이미지를 https로 불러오기 때문입니다.
도메인을 연결하게되면 발생하는 이슈인데, 예전에는 해당 현상을 해결하기위해서 이미지를 http로 불러오고 쌩쑈를 다 했었는데, 어차피 배포하면 다시 https로 바꿔야합니다.. 그때는 그 단순한걸 생각하지 못했었네요.
다음 포스트에서는 https 연결에 대한 글을 다루겠습니다~
'Etc Project > Portfolio' 카테고리의 다른 글
[Portfolio] HTTPS 연동 (1) | 2025.01.22 |
---|---|
[Portfolio] AWS 환경 설정 (1) | 2025.01.21 |
[Portfolio] 모바일 대응 (2) | 2025.01.21 |
[Portfolio] 웹페이지 베이스 & 상단 & 하단 개발 (1) | 2025.01.20 |
[Portfolio] Django Setting (1) | 2025.01.20 |