728x90 분류 전체보기252 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. jquery전 ajax 정의 Ajax란 JavaScript의 라이브러리중 하나로써 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자다. 간단한 예로는 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 것이다. ajax - 클라이언트와 서번간에 xml데이터를 주고받는 기술(자바스크립를 사용한 비동기 통신) Ajax의 장점1. 웹페이지의 속도향상2. 서버의 처리가 완료 될때까지 기다리지 않고 처리 가능하다.3. 서버에서 Data만 전송해면 되므로 전체적인 코딩의 양이 줄어든다.4. 기존 웹에서는 불가능했던 다양한 UI를 가능하게 해준다. 사진공유 사이트 Flickr의 경우 5. 사진의 제목이나 태그를 .. 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. 이전 1 ··· 17 18 19 20 21 22 23 ··· 63 다음