React 활용하기(create-react-app)

[3] React 활용하기

(1) myapp

프로젝트를 생성해봅시다.

프로젝트를 시작할 폴더로 이동한 뒤,
create-react-app myapp
명령어로 react 프로젝트를 만듭니다. (myapp이 프로젝트명입니다.)

myapp 이란 폴더가 생성되며, 내부에 node-modules 안에 필요한 패키지들이 설치됩니다.
그리고 yarn 명령어를 통해 서버를 가동, 배포, 테스트서버 실행등이 가능해집니다.

yarn start : 서버 가동
yarn build : 배포
yarn test : 테스트 서버를 실행
yarn eject : 수동으로 환경설정을 전환 (자동적으러 전환되지는 않습니다.)

일단 만들어진 웹프로젝트를 서버로 돌려봅니다.

yarn start

: 기본적인 port 번호는 3000 입니다. 브라우저를 실행시키고 표시된 주소를 넣으면 react 어플리케이션이 보이게 됩니다.

물론 이 모든 것이 VScode 에서만 기능하는 것은 아닙니다.
eclipse를 통해서도 리액트앱을 만들수가 있죠. 웹에서 바로 리액트 라이브러리들을 활용할 수 있는 방법은 jQuery 와 마찬가지로 cdn 방식을 통해서 가능합니다.