React Project use a build process.
자바스크립트보다 리액트를 사용하는 이유
리액트는 단순한 심상모델을 제공하고 선언형으로 작성, 코드 분석이 보다 편리하다.
하지만 자바스크립트는 오류 발생이 쉽고, 번거로우며 수정과 유지보수가 어렵고 명령형으로 작성합니다.
React는 (인터랙티브한) UI를 만들어 주는 자바스크립트 라이브러리입니다.
React.js는 아주 큰 도움이 됩니다. 작성해야 할 코드량이 확 줄거든요.
리액트는 보통 HTML과 자바스크립트 코드를 하나의 자바스크립트 파일에 전부 작성하는데,
보이지 않는 백그라운드에서 코드를 자동으로 변환해주는 작업도 해줍니다.
그리고 어쩌면 당연히 개발자 경험도 중요합니다. 그런데 React.js는 리액트 앱을 개발하면서 작업한 내용을 미리보기/실시간 변경 내용 확인이 가능한데 이 코드들은 브라우저에서 실행이 불가능한 코드죠.
그래서 React.js에서 변환, 혹은 컴파일을 하고 브라우저가 실행할 수 있는 유효한 자바스크립트 클라이언트 코드로 변경해줍니다.
이 말은 즉, 빌트인 도구가 있는 프로젝트 설정이 필요하다는 것이죠.
프로젝트를 생성할 때 주로 사용하는 도구
대표적으로 많이 쓰는 도구는 Create React App와 Vite이죠.
=>create react app은 현재 지원이 중단된지 꽤 지난 것으로 알고있습니다.
이 도구들은 코드 변경사항을 자동으로 반영해주고 HTML과 자바스크립트 신택스도 지원하고요.
프로젝트 setting은 Create React App이나 Vite에서 제공하는 문서에 안내된 대로 따라하시면 유효한 리액트 프로젝트를 쉽게 생성할 수 있어요.
이 도구로 만든 리액트 프로젝트를 실행해 보시려면
여러분의 컴퓨터에 Node.js를 설치해야 합니다.
프로젝트 자체와 빌트인 도구들이 이를 이용하기 때문입니다.
패키지 설치
저는 아래와 같이 Vite 도구를 이용한 React 프로젝트를 생성하고
해당 프로젝트 안에 node js를 설치하였습니다.
npm create vite@latest 패키지이름그리고 사용할 framework, variant를 순차적으로 선택해주면 리액트 프로젝트가 생성된다.
cd 패키지이름
npm install //npm설치
npm run dev //실행
