리액트 개발 환경 세팅
-
React 개발 환경 세팅 & React 개발 서버 실행 & Github 연동Study/React 2019. 12. 31. 10:13
React 개발 환경 준비 Node.jsWebpack 과 Babel 같은 도구들이 Node.js 를 기반으로 만들어졌다. 따라서 해당 도구들을 사용하기 위해서 Node.js 를 설치해야한다. Webpack, Babel의 용도? 리액트 프로젝트를 만들면 컴포넌트를 여러가지 파일로 분리해서 저장하고, 이 컴포넌트는 JSX 라는 문법으로 작성하게 된다. 분리된 여러 개의 파일을 한 개로 결합하기 위해서 Webpack 이라는 도구가 필요하고, JSX와 같은 새로운 자바스크립트 문법들을 사용하기 위해 Babel 이라는 도구가 필요하다. YarnYarn 은 조금 개선된 버전의 npm 이다. npm 은 Node.js를 설치하면 딸려오는 패키지 매니저 도구이고, 프로젝트에서 사용되는 라이브러리를 설치하고 라이브러리 버..