석이의 개발일지

Create React App 본문

React

Create React App

믹석이 2023. 2. 8. 21:20
728x90

Create React App

npx

npx create-react-app 파일이름

npm

npm init react-app 파일이름

yarn

yarn create react-app 파일이름

총 3가지 방법으로 리액트를 손쉽게 만들 수 있다.

 

Setting

React 파일을 만들고 자기가 하고 싶은 초반 셋팅을 후에 셋팅한 React파일을 냅두고 명령어 "cp -R 셋팅파일 파일이름" 생성하면 셋팅한 파일을 복사해서 새로운 파일을 만들어 시작한다.

 

Tool

create react app으로 만들었을 때 간단한 Tool 설명입니다.

  • Node ⇒ 브라우저 밖에서 자바스크립트를 실행 할 수 있게 해주는 자바스크립트 실행환경
  • npm ⇒ 패키지 매니저 외부라이브러리를 쉽게 설치하고 버전을 관리해주는 
  • npx ⇒ 패키지들을 개별적으로 실행할 수 있게 도와주는 툴
  • Yarn ⇒ npm 과 동일 npm 과 yarn 은 호환이 가능, npm 의 단점들을 커버하기위해 만들어진 툴 / 속도가 빠르며 보완에 좋다
  • BABEL ⇒ 최신버전을 예전버전으로 변환
  • webpack ⇒ 코드를 번들링(포장)해서 사용자에게 배포할 수 있게 도와주는 툴
  • ESLint ⇒ 코드를 올바르게 작성했는지 체크 해주는 
  • Jest ⇒ 코드를 테스트할 수 있게 해주는 프레임워크

참고 : https://create-react-app.dev/docs/getting-started\

 

Getting Started | Create React App

Create React App is an officially supported way to create single-page React

create-react-app.dev

 

LIST

'React' 카테고리의 다른 글

React Router  (2) 2023.02.09
React Hook  (0) 2023.02.08
React  (4) 2023.02.08
Comments