react 설치, 개발환경구축

dev/react

아디봉 2020. 5. 4. 01:07

참고사이트

React - YouTube

www.youtube.com

리액트의 정의??

복잡한 웹 환경에서 좀더 효율적이고 가독성 높고, 재사용성등 여러 필요성 때문에 페이스북에 의해서 개발되어졌다.

index.html

<html>

<body>

<top></top>

<sidebar></sidebar>

</body>

</html>

위의 top, sidebar 의 영역을 top.html, sidebar.html 생성 해놓고(component) 호출해서 사용할 수 있도록 함

또한, 서브페이지에서 top에 영역을 사용할 수 있어서 코드에 재사용성이 좋다.

top 영역이 변경내용이 있을때 top.html만 수정하면 되므로 유지보수에도 도움이 된다.

안정화버전 / 최신버전 선택하여 설치

2. nodejs 설치 후 개발환경을 구성할 폴더를 적당한 곳에 생성 후 CMD창에서 해당폴더로 이동 후 create-react-app . (. 점은 현재폴더를 의미) 입력

3. 실행시작 npm run start / 실행종료 ctrl + c