728x90 풀스택/React16 3. 중간정리 - 리액트 보충설명 리액트 - 프론트엔드 라이브러리 웹 애플리케이션의 유저인터페이스를 동적으로 효율적으로 관리하기 위해 사용 App.js1234567891011121314151617181920212223242526272829import React, { Component } from 'react';import logo from './logo.svg';import './App.css'; class App extends Component { render() { return ( Edit src/App.js and save to reload. Learn React ); }} export default App; Colored by Color Scriptercs import React, { Component } from 'react';.. 2019. 4. 17. 2. react 리스트 - 배열 ESLintGuideReactjs code snippetsrelative pathVSCodeReactProjects $ npm inatall -g create-react-app$ create-react-app helloworld$ cd helloworld$ code . 1.props(data flow) :어떻게 부모 컴포넌트가 자식컴포넌트에게 데이터를 전달하는가?2.생명주기(Life Circle)3.states - setState() - Loading State - 4.AJAX on React5.css(Saas)6.event index.js에서도 변경해줘야된다실행순서 index.js - App0.js ----------------------------------------------------------.. 2019. 4. 16. 1. App.js 예제 및 Movie 예제 만들기 - powershell0.에서 한것처럼 미리 파일을 생성해줄 폴더까지 들어간다create-react-app movie_app 로 생성안에 Movie.js 와 Movie.css 를 생성해준다. 들어가기전에 먼저 App.js가 돌아가는방법은 index.js 에 있는 1ReactDOM.render(, document.getElementById('root'));cs App.js에서 component를 rend하는듯하다? - 보충Movie.js 의 내용을 가져오기에 Movie를 import해준다. Movie.js 1234567891011121314151617181920212223242526272829303132333435363738394041//const React = require('react');import .. 2019. 4. 15. 0. React시작 - 설치 및 설정 React 장점1. js만쓴다 2. view만 있어서 다른데 넣기 쉽다. - component(view) - html,css,ajax(js),jquery ---------------------------------------------------------------------------- react 1. props(data flow) : 어떻게 부모 컴포넌트가 자식 컴포넌트에게 데이터를 전달하는가 2. 생명주기(LIfe Circle)3. states 4. Ajax on react ----------------------------------------------------------------------------- webstorm, vscode 설치 https://www.jetbrains.com/we.. 2019. 4. 15. 이전 1 2 3 4 다음