728x90 풀스택77 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. 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 ··· 5 6 7 8 9 10 11 ··· 20 다음