리액트 프로젝트 시작하기
Webpack, Babel의 용도
리액트 프로젝트를 만들게 되면 컴포넌트를 여러가지 파일로 분리해서 저장할 것이고, 또 이 컴포넌트는 일반자바스크립트가 아닌 JSX라는 문법으로 작성하게 된다. 여러가지 파일을 하나로 결합하기 위해서 Webpack 이라는 도구를 사용하고, JSX를 비롯한 새로운 자바스크립트 문법들을 사용하기 위해서 우리는 Babel 이라는 도구를 사용한다.
sandbox : https://codesandbox.io/s/4r6lqrlvj9 를 활용하면 좋다.
준비사항
- node.js 설치
- yarn 설치
- Vscode 설치
설치관련 내용은 블로그를 참고하였다.
yarn은 npm과 마찬가지인 packagemanager다.
참고자료