일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 원티드
- localstorage
- Frontend
- 타입스크립트
- 컴포넌트
- 파이어베이스
- react localStorage
- firebase
- Reducer
- 프론트엔드
- JS
- react
- state
- 자바스크립트
- TypeScript
- 비트 연산자
- CORS
- til
- v9
- axios
- Redux
- 리액트
- 브라우저
- array
- Component
- 프리온보딩
- es6
- 알고리즘
- JavaScript
- 프로그래머스
Archives
- Today
- Total
목록코딩애플 (React)/기초수업(코딩애플) - 3 (17)
도리쓰에러쓰
[React] 리액트 사이트 build & Github Pages로 배포하기
1. 리액트 사이트 build 각자 만들었던 리액트 사이트를 배포하려면 App.js 파일 그대로 올리는게 아니라 build용 파일을 생성한 후 그 파일을 올려야합니다. 왜냐하면, 웹브라우저는 HTML, CSS, JS만 해석할 수 있어서 리액트의 state, JSX, SASS 등을 해석하지 못합니다. 그래서 리액트 프로젝트를 build하면 HTML, CSS, JS 언어로 바꿔주고 이 파일을 웹에 올려야 사용자들의 리액트 사이트를 볼 수 있습니다. 저는 리액트 프로젝트를 build하고 무료로 HTML 파일을 호스팅해주는 GitHub Pages를 이용해 배포까지 해보도록 하겠습니다. 🔔 만약 웹서버를 가지고 있다면? : 리액트 프로젝트 만들고 build하면 index.html 파일이 생성됩니다. 여기에 웹서버..
코딩애플 (React)/기초수업(코딩애플) - 3
2022. 1. 23. 19:25