React - 기본 세팅하기(create-react-app)

먼저 리액트가 무엇인지 알아보자

React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다. “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다.

위 내용은 react 사이트 공식 자료에 적혀 있는 내용이다.

💻 React 기본 세팅

기본적으로 Node.js가 설치되었다고 가정하고 진행하겠다.

먼저 터미널을 켜고 react 앱을 저장할 폴더로 이동한뒤 다음과 같이 입력한다.

> npx create-react-app [이름]

마지막에 Happy hacking! 라고 뜬다면 성공적으로 앱을 구동할 준비가 되었다.

> cd [react app name] 
> npm start or yarn start

일단 react 앱으로 들어가서 npm 혹은 yarn 으로 앱을 구동하게 되면 아래와 같은 react 초기 화면을 확인 할 수 있다.

react 기본 명령어

• npm start
  개발 모드 서버를 실행시킴
• npm run build
  프로젝트를 빌드시킴
• npm serve build
  빌드를 하게 되면 생기는 build 파일을 로컬에 실행