사소한 개발지식/로드맵(FE)

[로드맵] FrontEnd - Publish #1

2023. 3. 24. 18:17
목차
  1. 1. Publish Platform
  2. 🔎 Netlify
  3. 1. netlify 회원가입
  4. 2. Github 저장소의 프로젝트 연동
  5. 3.  Deploy Setting
  6. 4.  사이트 배포 완료
  7. 🔎 AWS
728x90
반응형

Front-end 로드맵 중 Tools 부분 - 드림코딩

https://www.youtube.com/watch?v=TTLHd3IyErM - 드림코딩 Front-end 로드맵 영상

Publish

1. Publish Platform

웹 애플리케이션 배포 플랫폼에는 여러 종류가 있다. Microsoft Azure, Gitbub Pages, Vercel, AWS, Netlify, Heroku 등 여러 플랫폼이 존재하며 Google 검색 시 배포 방법을 확인 할 수 있다. 여기서는 Netlify 를 통한 배포 방법에 대해 설명하고 추가로 이전에 AWS를 사용하여 PHP 웹 애플리케이션을 배포했던 예제 링크를 참조하였다.

.

🔎 Netlify

1. netlify 회원가입

netlify 홈페이지에서 회원가입을 진행한다.

 

Develop and deploy websites and apps in record time | Netlify

Accelerate the time to deploy your websites and apps. Bring your integrations and APIs together on one powerful serverless platform. Get started for free!

www.netlify.com

 

 

2. Github 저장소의 프로젝트 연동

Import from Git 을 클릭하여 GitHub와 연동하여 레퍼지토리를 선택해서 Install 한다.

 

3.  Deploy Setting

GitHub 레퍼지토리 연동이 완료 되었다면 delpoy 관련 셋팅을 진행한다.

  • Branch to deploy : 배포 될 Branch
  • Base directory : 배포 될 프로젝트의 root 입력
  • Build command : 빌드 command 입력
  • Public directory : 빌드 후 생성된 폴더명 입력

 

4.  사이트 배포 완료

성공 여부를 최종 페이지에서 확인 가능하며 해당 페이지 상단에 url 도 확인할 수 있다.

.

🔎 AWS

AWS 를 사용하여 웹 애플리케이션 배포

 

나만의 포트폴리오 웹페이지 만들기 - 1 (시작하기)

포트폴리오를 웹페이지로 만드는 계획은 졸업한 순간부터 해오던 생각이지만 시작이 힘들고 어려워 지금에서야 만들게 되었다... 이 포스팅은 나처럼 시작이 힘들고 어려운 사람들에게 도움이

kimby.tistory.com

.

참조
https://golottoshops.com/1
728x90
반응형
저작자표시 (새창열림)
  1. 1. Publish Platform
  2. 🔎 Netlify
  3. 1. netlify 회원가입
  4. 2. Github 저장소의 프로젝트 연동
  5. 3.  Deploy Setting
  6. 4.  사이트 배포 완료
  7. 🔎 AWS
'사소한 개발지식/로드맵(FE)' 카테고리의 다른 글
  • [로드맵] FrontEnd - Testing #3
  • [로드맵] FrontEnd - Testing #2
  • [로드맵] FrontEnd - Testing #1
  • [로드맵] FrontEnd - Tools #3
KimBY
KimBY
웹개발과 관련된 개발지식 모음
KimBY
B.Y Kim의 개발노트
KimBY
전체
오늘
어제
  • 분류 전체보기 (99)
    • 사소한 개발지식 (49)
      • PHP (2)
      • JavaScript (15)
      • NodeJS (0)
      • JAVA (2)
      • 잡?지식 (4)
      • 로드맵(FE) (22)
      • React (4)
    • 개발노트 (6)
      • 포트폴리오사이트 (6)
    • 프로그래머스 (33)
      • Level1(JS) (0)
      • Level2(JS) (33)
    • 백준알고리즘 (11)
      • 단계별로 풀어보기3(for문) (11)
    • 잡담 (0)

인기 글

최근 글

최근 댓글

태그

  • frontend
  • 프로그래머스
  • react
  • 단계별로풀어보기
  • CSS
  • 로드맵
  • javascript
  • Level2
  • 백준알고리즘
  • FE로드맵
hELLO · Designed By 정상우.
KimBY
[로드맵] FrontEnd - Publish #1
상단으로

티스토리툴바

단축키

내 블로그

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

블로그 게시글

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

모든 영역

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

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