간단한 리액트 프로젝트 구현해보기이전 포스트에서 프로젝트를 생성하고 실행해봤다. 이제 직접 코드를 작성해보기 전에 프로젝트 내 src폴더 안에 있는 여러 파일들을 모두 삭제하자. 1. index.js 생성12345import React from 'react';import ReactDOM from 'react-dom';import App from './Ap
리액트 프로젝트 생성 및 실행 방법프로젝트 생성프로젝트 생성 명령 설치하기1npm install -g create-react-app 위 명령으로 리액트 프로젝트를 생성하는 create-react-app명령을 설치했다. -g옵션이 주어졌기 때문에 시스템 공통 폴더에 설치된다. 따라서 프로젝트를 새로 생성할 때마다 위 명령을 반복할 필요가 없다. 프로젝트 생
React.js 배경지식1. 번들링(Bundling)웹페이지에 포함된 js, css 파일들이 많다. 그런데 웹브라우저가 웹페이지를 표시할 때, 웹페이지에 포함된 js, css 파일들도 서버에서 다운로드 해야한다. 서버에서 여러 파일들을 다운로드 할 때, 한 번에 파일 하나씩 다운로드 하는 것 보다 파일들을 묶어서 한 번에 다운로드 하는 것이 효율적이다.
Ajax와 XML / JSONAjax (Asynchronous JavaScript and XML)Ajax는 자바스크립트를 이용해서 비동기적(Asynchronous)으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식을 의미한다. 보통 브라우저에서 웹페이지를 요청하면 서버와 통신하여 화면을 refresh하는데, Ajax를 이용하여, 서버로부터 웹 페이