참고사이트
https://www.youtube.com/playlist?list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi
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만 수정하면 되므로 유지보수에도 도움이 된다.
윈도우 환경 설치
1. nodejs설치 ( https://nodejs.org/ko/ )
안정화버전 / 최신버전 선택하여 설치
2. nodejs 설치 후 개발환경을 구성할 폴더를 적당한 곳에 생성 후 CMD창에서 해당폴더로 이동 후 create-react-app . (. 점은 현재폴더를 의미) 입력
3. 실행시작 npm run start / 실행종료 ctrl + c
'dev > react' 카테고리의 다른 글
| react 이벤트 (0) | 2020.05.17 |
|---|---|
| react state소개 및 사용 (0) | 2020.05.15 |
| react 속성(props), react Developer Tools 사용 (0) | 2020.05.13 |
| react 컴포넌트(component) 개념 (0) | 2020.05.11 |
| react 구조 (0) | 2020.05.05 |
