서브도메인+우분투+Asus공유기+ssl연결 하는 방법

서브도메인+우분투+Asus공유기+ssl연결 하는 방법

아수스(Asus) 공유기 환경에서 우분투 홈 서버를 운영 중이시군요. 외부에서 접속 가능한 **서브 도메인(예: blog.mydomain.com)**을 만들고 **SSL(HTTPS)**까지 적용하는 전체 과정을 6단계로 정리해 드립니다.

핵심 흐름은 [도메인 업체 설정] → [공유기 설정(DDNS/포트포워딩)] → [우분투 서버 설정] → [SSL 발급] 입니다.


1단계: Asus 공유기 DDNS 설정 (유동 IP 고정)

가정용 인터넷은 IP가 수시로 바뀝니다. 이를 고정된 주소로 바꿔주는 DDNS 설정이 필수입니다.

  1. 공유기 관리자 페이지(192.168.1.1 또는 설정한 IP) 접속.

  2. WAN > DDNS 탭으로 이동.

  3. DDNS 클라이언트 활성화로 선택.

  4. 서버 선택: WWW.ASUS.COM (무료 제공).

  5. 호스트 이름: 원하는 영문 입력 (예: myhome).

    • 결과: myhome.asuscomm.com이라는 주소가 생성됩니다. 이 주소를 기억해두세요.

  6. [적용] 클릭.

2단계: 도메인 DNS 레코드 추가 (CNAME)

도메인을 구입한 곳(가비아, 후이즈, Cloudflare 등)에서 설정을 변경합니다. 서브 도메인이 집 IP(DDNS 주소)를 가리키게 해야 합니다.

  1. 도메인 관리 페이지의 DNS 설정 메뉴로 이동.

  2. 레코드 추가 클릭.

    • 타입(Type): CNAME (A 레코드보다 CNAME이 유동 IP 환경에 유리합니다)

    • 호스트(Name): 서브 도메인 이름 (예: blog라고 쓰면 blog.mydomain.com이 됨)

    • 값/목적지(Value/Target): 아까 만든 DDNS 주소 (myhome.asuscomm.com)

    • TTL: 기본값 (또는 3600)

  3. 저장합니다. (적용까지 10분~1시간 소요될 수 있습니다.)

3단계: 우분투 서버 내부 IP 고정 (DHCP 할당)

서버를 재부팅해도 내부 IP(예: 192.168.29.196)가 바뀌지 않도록 공유기에서 고정합니다.

  1. 공유기의 LAN > DHCP 서버 탭으로 이동.

  2. 아래쪽 수동 할당(Manually Assigned IP) 목록에서 우분투 서버의 MAC 주소를 선택하고 현재 IP(192.168.29.196)를 추가합니다.

  3. [적용] 클릭.

4단계: 포트 포워딩 (Port Forwarding)

외부에서 들어오는 신호(80, 443)를 우분투 서버로 넘겨줍니다.

  1. 공유기의 WAN > 가상 서버/포트 포워딩 탭으로 이동.

  2. 포트 포워딩 활성화: .

  3. 프로필 추가 (2개 필요):

    • HTTP: 외부 포트 80, 내부 포트 80, 내부 IP 192.168.29.196, 프로토콜 TCP

    • HTTPS: 외부 포트 443, 내부 포트 443, 내부 IP 192.168.29.196, 프로토콜 TCP

  4. [적용] 클릭.

5단계: 아파치 가상 호스트(VirtualHost) 설정

이제 우분투 서버가 “이 서브 도메인으로 들어오면 이 폴더를 보여줘라”라고 인식하게 해야 합니다.

  1. 새 설정 파일 생성 (예: blog.conf)

    Bash

    sudo nano /etc/apache2/sites-available/blog.conf
    
  2. 내용 입력 (아래 내용을 복사해서 수정하세요)

    Apache

    <VirtualHost *:80>
        # 서브 도메인 주소
        ServerName blog.mydomain.com
    
        # 관리자 이메일
        ServerAdmin webmaster@localhost
    
        # 워드프레스 파일이 위치할 실제 폴더 경로
        DocumentRoot /var/www/blog_folder
    
        # 로그 파일 경로
        ErrorLog ${APACHE_LOG_DIR}/blog_error.log
        CustomLog ${APACHE_LOG_DIR}/blog_access.log combined
    
        # ★중요: 고유주소(Permalinks) 문제 해결을 위한 권한 설정
        <Directory /var/www/blog_folder>
            Options Indexes FollowSymLinks
            AllowOverride All
            Require all granted
        </Directory>
    </VirtualHost>
    
  3. 사이트 활성화 및 아파치 재시작

    Bash

    # 설정 파일 활성화
    sudo a2ensite blog.conf
    
    # 설정 오류 검사 (Syntax OK가 떠야 함)
    sudo apache2ctl configtest
    
    # 아파치 재시작
    sudo service apache2 restart
    

6단계: SSL 인증서 발급 (Certbot)

certbot을 사용하면 무료로 SSL을 설치하고, 자동으로 HTTPS로 리다이렉트까지 해줍니다.

  1. Certbot 설치 (아직 없다면)

    Bash

    sudo apt-get install certbot python3-certbot-apache
    
  2. 인증서 발급 실행

    Bash

    sudo certbot --apache
    
  3. 질문 답변:

    • 이메일 입력, 약관 동의(Y).

    • 도메인 목록이 나오면 아까 설정한 서브 도메인 번호(예: 1)를 입력.

    • (중요) Redirect 설정을 묻는다면 2번(Redirect – 모든 트래픽을 HTTPS로)을 선택하세요.


🎉 완료 확인

이제 스마트폰의 **LTE/5G 데이터 모드(와이파이 끄고)**에서 웹 브라우저를 켜고 https://blog.mydomain.com 으로 접속해 보세요. 자물쇠 아이콘(🔒)이 뜨고 워드프레스 설치 화면(또는 지정한 페이지)이 나오면 성공입니다.

※ 주의사항: 집 내부 와이파이에서는 공유기의 NAT 루프백 기능 지원 여부에 따라 도메인으로 접속이 안 될 수도 있습니다. 반드시 스마트폰 데이터 모드로 외부 접속 테스트를 먼저 해보세요.

Similar Posts

  • 부동산업무 자동화(RPA) + AI 기반 자연어 검색(RAG)

    지금부터 내가 원하는 서비스를 말할께 가장 최적의 개발환경을 추천해주고, 전체적인 vibe코딩을 위한 흐름도를 만들어줘. 1. 10000장 이상의 이미지를 ocr처리해서 안에 있는 신축빌라 분양정보(201호 방3개 욕실2개 분양가 2억…), 주소 등 이미지안에 있는 분양정보를 읽고 저장합니다. 2. 랭그래프를 통해 신축빌라 이름을 말하고 그거에 대한 분양가를 비롯해 문서안에 있는 정보를 질의합니다. 3. ocr처리가 된 이미지는 별도의 DB에 저장해서…

  • AI 시대 커리어 조언과 현대 사회 통찰

    AI 시대 커리어 조언과 현대 사회 통찰 제공해주신 영상은 실리콘밸리에서 35년간 근무한 반도체 엔지니어와의 인터뷰 내용을 담고 있습니다. 급변하는 AI 시대에 커리어를 시작하는 사람들을 위한 조언, 연봉을 올리는 방법, 그리고 현대 사회의 디지털 중독 문제에 대한 통찰을 다루고 있습니다. 다음은 영상의 핵심 내용을 한국어로 요약한 것입니다. 📊 영상 요약: AI 시대 커리어 조언과 현대 사회…

  • veo3.1 동영상 생성 프롬프트

    5장의 사진(1.jpg ~ 5.jpg)을 입력으로 받아 하나의 연결된 동영상으로 만들기 위한 JSON 포맷의 프롬프트를 작성해 드립니다. Veo3.1(혹은 유사한 고급 비디오 생성 AI)의 API나 인터페이스에 활용할 수 있도록, **이미지 시퀀스(순서)**와 스타일 프롬프트, 카메라 움직임을 포함하여 구조화했습니다. 🏠 신축빌라 투어 영상 생성을 위한 JSON 프롬프트 이 JSON 코드는 5장의 이미지를 순서대로 연결하며, “부드러운 시네마틱 부동산 투어” 느낌을 내도록 구성되었습니다….

  • 에버노트 앱웹 개발일기

      next.js를 기본으로해서 프로레벨의 메모프로그램을 만들고자 합니다. 기본적인 메뉴구성은 에버노트와 100% 동일하게 만들어야하고, 초기 사용자별 아이디와 비밀번호를 입력하고 사용할 수 있게 해주세요. 위에 같은 기능을 100% 작동하는 웹앱을 만들기위한 구체적이고 디테일한 요구사항들을 프롬프트로 만들어주세요. 에버노트(Evernote)와 동일한 UI/UX와 기능을 갖춘 ‘프로 레벨’의 메모 앱을 Next.js로 구축하는 것은 매우 훌륭한 프로젝트입니다. 하지만 한 번의 프롬프트로 완벽한 앱을…

  • 우분투 아파치 서버에서 워드프레스 한글 제목 안보일때 해결방법

    우분투 아파치 서버에서 워드프레스 한글 제목 안보일때 해결방법 정확히 짚으셨습니다. 이 증상은 워드프레스 문제가 아니라 아파치(Apache) 서버 설정 문제가 100% 확실합니다. 일반(기본) 설정 (?p=123): 서버의 특별한 기능 없이도 PHP가 알아서 처리하므로 작동합니다. 글 이름 설정 (/sample-post/): 가짜 주소입니다. 서버가 이 주소를 보고 “아, 이건 실제 폴더가 아니라 워드프레스한테 넘겨야 하는구나”라고 판단해야 하는데, 지금 서버는 “그런…

  • claude prompt engineering book활용한 프롬프트 생성기

    claude prompt engineering book활용한 프롬프트 생성기 제공해주신 문서 『Claude-Prompt-Engineering-Book.pdf』는 Anthropic의 공식 문서를 바탕으로 보표님이 정리한 가이드북으로, 클로드의 성능을 극대화하기 위한 핵심 원칙들이 담겨 있습니다. 사용자의 요청에 따라 이 문서의 핵심 내용을 **Step-by-Step**으로 분석하여 반영하고, **주제별, 문체, 중복 방지, 다양한 관점**을 고려한 전문가용 \*\*[프롬프트 생성기(Prompt Generator)]\*\*를 설계해 드립니다. 이 프로그램은 두 가지 형태로 제공됩니다. 1. **메타…

답글 남기기