[Netlify]웹 사이트 만들고 인터넷에 공개하기

2021. 9. 17. 09:00· WEB
목차
  1. 1. netlify 접속
  2. 2. 회원가입
  3. 3. 파일 업로드
  4.  
  5. !!!!! 여기서 업로드하는 html 파일의 이름은 index여야 한다.!!!!!!
  6. 4. 확인
  7. 5. 도메인 변경
반응형

로컬 공간에서 작업한 내용을 가지고 클라우드 서버에 배포하는 과정을 설명하겠다.
기본적으로 가장 유명한 amazon이 있지만 무료로 사용할 수 있고 다양한 편의 기능이 있는 netlify를 이용하겠다.

 

 

1. netlify 접속

 -아래의 링크로 접속한다.

www.netlify.com/

2. 회원가입

- 깃허브 추천, 후에 깃허브의 코드를 바로 업로드할 수 있고 깃허브에 파일 수정 시 자동으로 수정된 파일이 netlify에 적용된다.

 

3. 파일 업로드

- Sites메뉴 클릭 후 원하는 HTML 파일과 CSS파일이 들어있는 폴더를 업로드해준다. 원하는 파일을 드래그하여 업로드한다.

 

 

!!!!! 여기서 업로드하는 html 파일의 이름은 index여야 한다.!!!!!!

업로드 하는 파일

4. 확인

 - 조금의 대기 후에 deploy가 된 것을 볼 수 있다. 표시한 url을 클릭하면 내가 만들 웹 페이지가 실행되는 것을 확인할 수 있다.

 

 - 간단히 만든 실시간 검색어 페이지이다 여기서 위의 도메인을 보면 조금 이상한 것을 할 수 있다. 

5. 도메인 변경

- Site settings 클릭

 

- Change site name 클릭

- taehui로 변경

- 변경 완료 도메인이 뒤에 netilfy.com 이 붙는 걸 없애는 것은 다음 포스팅에서 진행하겠다.

이처럼 https방식으로 연결되는 것은 직점 구현하려면 인증서를 사고 매우 복잡한 과정인데 이러한 과정까지 다 지원해준다.

 

참조 : 유튜브 조코딩

반응형
저작자표시 비영리 변경금지 (새창열림)

'WEB' 카테고리의 다른 글

[무료 도메인 구입하기]  (0) 2021.09.20
도메인 이란?  (0) 2021.09.19
goormIDE[구름IDE] 사용법 클라우드 서비스  (0) 2021.09.16
실시간 검색어 Web  (0) 2021.09.14
[STS][Eclipse] STS , Eclipse 한글깨짐 설정  (0) 2021.08.05
  1. 1. netlify 접속
  2. 2. 회원가입
  3. 3. 파일 업로드
  4.  
  5. !!!!! 여기서 업로드하는 html 파일의 이름은 index여야 한다.!!!!!!
  6. 4. 확인
  7. 5. 도메인 변경
'WEB' 카테고리의 다른 글
  • [무료 도메인 구입하기]
  • 도메인 이란?
  • goormIDE[구름IDE] 사용법 클라우드 서비스
  • 실시간 검색어 Web
TaeHuiLee
TaeHuiLee
창업, 사업, 자기개발, 운동, Web, App, Java, python, 이슈, 개발자, JavaScript, amazon, cloud server, 취업, 스펙, Android Studio, Spring, React, Node.js, 구독하면 댓글 남겨주세요.
TaeHuiLee
Developer_TaeHui
TaeHuiLee
  • 분류 전체보기 (228)
    • WEB (71)
    • Java (38)
    • APP (17)
    • 딥러닝 (2)
    • DB (5)
    • 알고리즘 (17)
    • Python (10)
    • AWS (5)
    • Git (8)
    • Docker (13)
    • 창업 (2)
    • Java Script (5)
    • 군집드론 (3)
    • C언어 (1)
    • IT 지식 (16)
    • Rust (1)
    • Tomcat (1)
    • Nginx (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • Spring
  • 자바
  • Queue
  • axios
  • mariadb
  • github
  • docker
  • spring boot
  • 티스토리챌린지
  • 서울 맛집
  • 정렬
  • 파이썬
  • Java
  • GIT
  • WSL
  • 오블완
  • 선택정렬
  • javascript
  • 어플
  • 관상 어플
  • 수원역 맛집
  • 강릉 맛집
  • DB
  • python
  • 알고리즘
  • VUE
  • 도커
  • 수원 맛집
  • Nuxt
  • ubuntu

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
TaeHuiLee
[Netlify]웹 사이트 만들고 인터넷에 공개하기
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.