WepApp_동물상앱 - netlify로 웹호스팅, 도메인연결

1. 나의 App github 레파지토리에 푸쉬하기

 (1) -  goormIDE 터미널에서 git명령어로 github 저장소에 push

 

2. netlify를 이용한 웹호스팅하기

 

www.netlify.com/

Netlify: Develop & deploy the best web experiences in record time

  (1) - github에 있는 나의 App(index.html)과 연결시켜 주기 위해 New site from Git 클릭

 (2) - 연결할 github 클릭

 (3) - 동기화 인증하기

(4) -  netlify와 연결할 github 저장소 선택

 (5) - Deploy site

 

 

3. 디플로이한 나의 App에 도메인을 생성하여 연결하는 법 

 (1) - 무료도메인 사이트 접속

www.freenom.com/en/index.html?lang=en

Freenom - A Name for Everyone

 (2)  - 원하는 도메인 이름 적고 원하는 .이름 get it now 클릭 후 checkout 클릭

 

  (3) - 기간설정에 따른 가격 선정 이 후 이메일 인증

     *임시이메일로 인증하자!Moakt 사용

 

 

 

(4) - 개인정보 및 로그인이메인 비밀번호 입력

(5) - services의 my Domains 클릭 -> 인증한 임시비밀번호와 위에서 생성한 비밀번호 입력하여 로그인

 

(6) - 원하는 아래 도메인 이름 복사

(7) - netlify로 돌아와서 Domain settings 클릭 후 Add custon Domain 클릭 후 (6)에서 복사한 원하는 도메인 이름

      붙여 넣고 생성

 

 

(8) - 이제 dns설정을 해주자 check DNS configuration을 클릭하고 IP주소복사

 

(9) - 다시 프리넘으로 와서 mange Domain 클릭 Manage Freenom DNS 클릭

 

 

 

 

(10) Name 과 Target(netlify에서 가져온IP주소) 설정

*안쓰면 기본으로 yooncoding으로 설정됨

(11) - 다시 netlify에 와서 도메인이 초록색으로 되면 성공

 

 

*근데 왜 폰으로는 도메인 접속이 안돼는지.... 원래 프리넘이 오류가 많다고 한다

*참고 국내 가비아도메인 사용으로 연결하는 법

m.blog.naver.com/superc_official/221851742848

[조코딩과 함께하는 코딩 클래스#08] 내 사이트에 도메인 등록하기