도메인을 연결하여 이제 아이피 주소가 아닌 실제 URL로 접속할 수 있도록 해보자.
도메인을 구매한 곳은 ‘가비아’이며, 그렇기 때문에 가비아를 기준으로 글을 작성하였다.

이 글은 리눅스에서 nginx 웹 서버를 구성했다는 전제하에 설명을 진행하므로,
nginx 웹 서버 구성이 구축되지 않았다면 아래의 글을 참고하면 된다.
> 리눅스 – Nginx 설치 및 웹 서버 구축하기 (+PHP FastCGI, 워드프레스) 글 보러 가기

가비아에서 도메인 연결을 위한 DNS 관리 페이지 접속하기

가비아 홈페이지 접속하여 로그인을 한다.
‘My가비아’ 버튼에 마우스를 올리면 메뉴가 뜬다.
‘My가비아 – 서비스 조회 – 서비스 관리’순으로 메뉴를 진입한다.

가비아 홈페이지에서 My가비아 - 서비스 관리 메뉴로 진입하는 예시 이미지

서비스 관리 페이지로 이동 되면,
상단에서 보이는 ‘DNS 관리툴’을 선택한다.

가비아 홈페이지에서 DNS 관리 툴로 이동하는 경로를 설명하는 예시

DNS 설정을 통한 도메인과 서버 연결하기

이제 구입한 도메인으로 접속될 수 있도록 도메인을 설정해보자.
내가 구입한 도메인들이 보일 것이다.
워드프레스로 사용할 도메인을 선택(체크)하고 상단에 ‘DNS 설정’ 버튼을 누른다.
(도메인은 리눅스의 nginx 설정에서 ‘server_name’으로 기재해놓았던 도메인이여야 한다.
그렇지 않으면 nginx 웹 서버에서 구입한 도메인으로 접속 할 때, 워드프레스로 연결이 되지 않는다.)

가비아에서 DNS 설정 경로 예시 이미지

도메인에 연결될 서버의 정보를 입력해주면 된다.
‘레코드 추가’ 버튼을 누르고 기본적으로 아래의 2가지를 추가해주자.

  • 첫 번째 설정
    • 레코드 타입 : A
    • 호스트 : @
    • 값/위치 : 웹 서버 IP 주소 (단, 포트 번호는 제외한다. 사용할 수 없다.)
  • 두 번째 설정
    • 레코드 타입 : A
    • 호스트 : www
    • 값/위치 : 웹 서버 IP 주소 (단, 포트 번호는 제외한다. 사용할 수 없다.)

✅ DNS 서버 간단 설명
@ : DNS 레코드에서 도메인의 최상위 도메인(기본)을 나타내는 데 사용된다.
예를 들어 ‘eunbyeol.co.kr’ 이라는 도메인이면, @‘eunbyeol.co.kr’ 자체를 가리킨다.
www : 서브 도메인 중 하나로, 웹 사이트에 자주 사용 된다.
주로 웹 서버를 가리키는 서브 도메인이며 ‘www.eunbyeol.co.kr’‘eunbyeol.co.kr’ 도메인의 웹 사이트를 나타내도록 한다.

각각 추가된 레코드의 오른쪽에 있는 ‘상태’ 열에서 ‘확인’ 버튼을 눌러줘야 한다.
이상이 없으면 ‘저장’ 버튼으로 DNS 설정은 마무리 된다!

가비아의 DNS 설정에서 레코드에 대한 정보를 입력하는 예시 이미지

구축한 워드프레스 사이트를 도메인으로 접속하기

DNS 설정이 모드 완료되었다.
이러면 이제 도메인을 입력하면 내가 구축한 워드프레스의 사이트가 정상적으로 접속이 될 것이다.
도메인에 연결하여 처음 접속한 워드프레스 화면이다.
워드프레스 초기 설정을 해달라는 페이지가 나올 것이다.

웹 서버를 구성하지 않았다면 워드프레스가 보이지 않는 것은 당연하므로 서버를 구성한 뒤 시도해보자.

가비아 DNS 설정을 통해 오라클 클라우드 인스턴스의 워드프레스 페이지를 보여주는 예시 화면

초기 설정을 끝마치면 다음과 같은 메시지가 출력된다.
‘성공! 워드프레스가 설치됐습니다. 감사합니다. 즐거운 시간을!’

워드프레스 초기 설정이 완료된 화면

이제 내 도메인을 다시 접속하면 워드프레스 초기 홈 화면이 보인다.
익숙한 페이지가 보인다면 설정은 다 된 것이다!
이제 입 맛대로 가지고 놀면 된다 ‘ㅅ’

워드프레스 초기 화면

워드프레스 관리자 페이지로 접속하기

기본적으로 워드프레스의 관리자 페이지는 내 도메인 뒤에 ‘/wp-admin’ 을 입력하고 로그인을 하면 된다.

  • 예시 : eunbyeol/co.kr/wp-admin
워드프레스 관리자 페이지에 접속하기 위한 wp-admin 페이지에 접속된 화면

로그인을 하면 워드프레스 사이트를 관리할 수 있는 관리자 화면이 나온다.

워드프레스에서 관리자 페이지에 접속한 화면

Similar Posts

댓글 남기기