웹사이트2 React(5) 리액트 웹사이트 Github Pages로 배포하는 법 목차 1. 배포하는방법 - build 하기 - 무료 호스팅해주는 github pages에 올리기 2. 예상 에러 및 주의 사항 배포하는 방법 1. build 하기 여러분이 작성한 state, JSX, , props 이런 문법들은 브라우저가 해석할 수 없으니 그대로 배포할 수 없다! 따라서, 이런 문법들을 CSS, JS, HTML 문법으로 바꿔주는 작업이 필요하다. 이것을 컴파일 또는 build라고 한다. build 하려면 여러분의 리액트프로젝트에서 터미널을 켠 후 npm run build 입력하면 된다. 입력하면, 작업 프로젝트 폴더 내에 build 라는 폴더가 하나 생성되는데, 여태껏 짰던 코드를 전부 .html .css .js 파일로 변환해서 거기 담아준다. 이제 build 폴더 안에 안에 있는 내용.. 2023. 7. 1. React(0) 리액트와 리액트 네이티브 개념 정리 목차 1. 리액트에 대해 1) 리액트는 어쩌다가 만들어졌을까? 2) 리액트의 특징 2. 리액트 네이티브에 대해 3. FE 프레임 워크들 비교 1) 성능 비교 2) 관심도 비교 3) 러닝 커브 리액트에 대해 - React는 페이스북이 만든 UI Component를 만들기 위한 자바스크립트 라이브러리이다. 리액트는 어쩌다가 만들어졌을까? - JavaScript를 사용하여 HTML를 제어를 한다고 하면, DOM을 변형시키기 위하여, DOM Selector API 를 사용해서 특정 DOM 을 선택한뒤, 특정 이벤트가 발생하면 변화를 주도록 설정해야된다. (html에 class나 id를 설정하고, JS에서 getElementById로 원하는 이벤트가 발생하면 DOM을 바꿔준다.) ※ DOM (문서 객체 모델)이란.. 2023. 6. 3. 이전 1 다음
