netlify에 신규 사이트를 등록한 후 서브 도메인으로 연결하기 위한 방법을 까먹지 않기 위해 기록
1. 우선 서브 도메인 연결 작업부터 수행. GoDaddy 기준
- DNS 관리 화면으로 이동 후, DNS 레코드 탭 -> 신규 레코드 추가 버튼 클릭
- 유형은 cName, 이름은 서브 도메인 이름(예를 들어, 루트 도메인이 my-site.com 이고, 서브 도메인으로 sub.my-site.com을 만들고 싶다면, "sub"만 입력), 값은 연결할 사이트 주소(이때, "http://" 또는 "https://"는 입력하지 않음), TTL은 기본값으로 둬도 되고, 보통 1시간으로 설정하는 것 같아서 나는 1시간으로 설정.
- 저장 버튼 클릭 후 그 다음 팝업 창에서 계속 및 확인 버튼 클릭
- 본인 확인 인증 절차 거친 후 등록 완료
2. 이것으로 끝이 아니고, netlify측에도 서브 도메인으로 접속 시 netlify에 업로드한 사이트로 연결을 허용하도록 설정해야 한다.
- netlify에서 해당 프로젝트로 이동 후 Domain management로 이동
- Production domains 섹션의 Add a domain -> Add a domain you already own 클릭
- 앞서 생성한 서브 도메인 입력 후, Verify 버튼 클릭
- "루트 도메인을 발견했다."라는 메시지가 나타나면 아래 Add subdomain 버튼 클릭
- netlify가 좋은 점이 tls 인증서를 자동으로 발급해준다는 점인데, 내 서브 도메인에 대한 인증서도 Let's Encrypt를 통해 자동발급 해준다. 하지만 그냥은 안되고, 도메인에 대한 유효성 검증 절차를 먼저 거쳐야 발급해준다. 아래 Verify DNS configuration 버튼 클릭
- 도메인 검증이 성공하고, 인증서를 배포할 준비가 됐음을 표시.
- 이 상태에서 새 브라우저 탭 또는 시크릿 탭을 띄워 서브 도메인으로 접속하면 성공!
- 만일, 접속이 실패하면 도메인 연결 시간 또는 인증서 발급 처리 시간이 좀 걸릴 수 있으므로, 5~10분 정도 후에 다시 접속 시도
❗ 이번 설명에는 빠져 있는데, netlify에서 다른 서브 도메인 연결 작업 도중 TXT 레코드를 입력하라는 요청을 받은 적이 있었다. 해당 요청을 받은 경우 도메인 관리 사이트(내 경우, GoDaddy)로 가서 루트 도메인에 앞서 cName 레코드 추가했던 것과 동일한 방법으로 TXT 레코드를 추가해주면 된다.
❗시크릿 모드에서는 문제가 없는데, 일반 모드에서 TLS 인증서 부분에 "주의 요함"이라고 빨간색 문구가 표시된 경우
- 해당 문구를 클릭해보면, "인증서가 유효함"이라고 까지 표시돼 있음에도 그럴 수 있다. 이 경우 인증서를 발급받기 전 접속한 내역이 캐시에 남아 있어서 그렇다. 아래 방법들도 하나씩 시도해 보면서 확인
1. 주소창 왼쪽 아이콘 이용 (가장 간편)
- 크롬 주소창 왼쪽의 [자물쇠] 또는 [조정(설정)] 아이콘(방금 "주의 요함"이 떴던 곳)을 클릭
- [쿠키 및 사이트 데이터] 또는 [기기 내 사이트 데이터]를 클릭
- [기기에 저장된 데이터 관리]를 선택한 후, 나타나는 리스트에서 사이트 이름 옆의 [삭제(휴지통 모양)]를 클릭
- 웹사이트를 새로고침(F5)
2. 개발자 도구를 이용한 강력 삭제 (권장)
캐시 문제로 인해 인증서 오류가 남아있을 때 가장 확실한 방법
- 해당 사이트 접속 상태에서 F12 (또는 Ctrl + Shift + I)를 눌러 개발자 도구 오픈
- 상단 탭 중 [Application] 탭을 클릭합니다. (안 보이면 >> 모양 클릭)
- 왼쪽 메뉴에서 [Storage] 를 클릭
- 오른쪽에 나오는 [Clear site data] 버튼을 클릭
3. 새로고침 버튼 우클릭 (숨겨진 기능)
- F12를 눌러 개발자 도구가 열려 있는 상태여야 함
- 브라우저 왼쪽 상단의 [새로고침 아이콘(⟳)] 위에서 마우스 오른쪽 버튼을 길게 롱클릭
- 메뉴가 나타나면 가장 아래에 있는 [캐시 비우기 및 강력 새로고침]을 클릭
4. HSTS 설정 강제 삭제 (가장 유력한 해결책)
브라우저는 특정 도메인에 대해 "보안 연결 설정(HSTS)" 정보를 별도로 저장한다. 일반적인 캐시 삭제로는 이 정보가 지워지지 않을 수 있다.
- 크롬 주소창에 chrome://net-internals/#hsts 를 입력하고 엔터
- 맨 아래에 있는 Delete domain security policies 섹션을 찾고,
- Domain: 입력창에 my-site.myfactory.com 을 입력합니다. (http나 https는 제외)
- Delete 버튼을 클릭
- 브라우저를 완전히 껐다 킨 후 다시 접속
