SlowButSteady
새로운 시작
SlowButSteady
전체 방문자
오늘
어제
  • 분류 전체보기
    • 개발
      • 멋쟁이사자처럼 프론트엔드 스쿨 4기
      • Today I Learned
      • Weekly I Learned
      • 간단 TIL
      • Etc
      • 이노베이션 캠프 회고록
    • AUS
    • 주절주절

블로그 메뉴

  • 홈
  • 개발
  • 태그
  • 미디어로그

최근 글

티스토리

hELLO · Designed By 정상우.
SlowButSteady

새로운 시작

[TIL] React 프로젝트 Build & 깃허브를 이용해 배포하기
개발/Today I Learned

[TIL] React 프로젝트 Build & 깃허브를 이용해 배포하기

2022. 8. 18. 21:31
728x90

 

1. 빌드하려는 프로젝트 폴더에서 Git Bash here 클릭

 

 

2. npm run build 입력

npm run build

 

 

3. build 폴더 생성된 것 확인

 

 

 

4. 깃허브에서 새 레포지터리 생성

 

 

 

5. uploading an existing file 클릭

 

 

 

6. build 폴더 안의 모든 파일 drag & drop으로 업로드

 

 

 

6. 몇분 기다린 뒤, 깃허브아이디.github.io 로 들어가보면 배포가 완료된 것을 확인할 수 있다.

 

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

'개발 > Today I Learned' 카테고리의 다른 글

[TIL] 리액트 흰화면 :: 빌드 배포 후 렌더링 안될 때 해결법  (0) 2022.08.23
[TIL] [eslint] package.json » eslint-config-react-app/jest#overrides[0]: environment key "jest/globals" is unknown  (0) 2022.08.23
[TIL] GIT :: 로컬 프로젝트 깃허브에 올리기 & 기본 브랜치 master에서 main으로 변경  (0) 2022.08.17
[TIL] [eslint] Plugin "react" was conflicted between "package.json » eslint-config-react-app  (0) 2022.08.16
[TIL] 라이프 사이클 :: React의 생명 주기 (Life Cycle)  (0) 2022.08.13
    '개발/Today I Learned' 카테고리의 다른 글
    • [TIL] 리액트 흰화면 :: 빌드 배포 후 렌더링 안될 때 해결법
    • [TIL] [eslint] package.json » eslint-config-react-app/jest#overrides[0]: environment key "jest/globals" is unknown
    • [TIL] GIT :: 로컬 프로젝트 깃허브에 올리기 & 기본 브랜치 master에서 main으로 변경
    • [TIL] [eslint] Plugin "react" was conflicted between "package.json » eslint-config-react-app
    SlowButSteady
    SlowButSteady
    하루하루는 성실하게, 인생 전체는 되는대로

    티스토리툴바