개발/React4 [React] ES6와 JSX 사용하기 https://babeljs.io/docs/en/babel-preset-react/#basic-setup-with-the-cli- https://babeljs.io/docs/en/babel-preset-env/ npm install --save-dev @babel/preset-react npm install --save-dev @babel/preset-env 2019. 7. 8. [React] bootstrap4 설치 1. npm install bootstrap@4.0.0-alpha.6 --save 2. npm install --save reactstrap react-addons-transition-group react-addons-css-transition-group react react-dom 3. index.js( src/index.js ) bootstrap css import import 'bootstrap/dist/css/bootstrap.css' 2019. 7. 8. [React] 설치 https://github.com/facebook/react 불러오는 중입니다... 1. npx create-react-app my-app 2. cd my-app 3. npm start 4. http://localhost:3000/ 2019. 7. 8. [React] 3가지의 중요한 특징 1. Component - Component는 UI를 구성하는 개별적인 뷰 단위입니다. - 전체 앱은 각 Component들이 결합해서 제작 2. JSX - 자바스크립트 문법 - PHP의 개량판 XHP에 그 기원 - 한눈에 이해하기 쉬운 개발 - 개발자는 JSX를 통해 결과물에 직관적으로 도달 - 예측가능한 개발을 만들어줄 뿐 아니라 유지보수, 협업 등에서도 엄청난 강점 3. Vitual DOM - Virtual DOM 렌더링을 미리 최적화시켜줄 뿐만 아니라, 컴포넌트 단위로 묶어서 관리 - DOM 조작 도구가 아니라 컴포넌트 단위로 움직이는 Declarative한 개발을 구현하기 위해 도입 2019. 7. 8. 이전 1 다음