리액트의 장점1.선언형 스타일 프로그래밍 : 일반적인 프로그래밍은 결과를 도출하기 위해 순차적으로 프로그래밍을 하지만(명령형 스타일) 선언형 스타일은 결과물에 초점을 맞춰 코드를 작성한다.(솔직히 아직 잘 모르겠다... 무슨말인지)2.순수 자바스크립트를 이용한 컴포넌트 기반 아키텍쳐 : 리액트는 순수 자바스크립트 내장 함수들을 사용하기 때문에 다른 프레임워크들과는 달리 리액트를 쓰기위해 특별히 더 학습해야될 것들이 없다.3.강력한 추상화: 내부의 인터페이스를 숨기고 정규화 과정을 거친 합성 메서드와 속성을 제공한다. (무슨말인지 잘 모르겠으나... 내가 이해한 건 예를들어 onClick 이벤트의 경우 각각의 브라우저들이 가진 원본 이벤트를 사용하는게 아닌 한번더 감싸진 공통 onClick 메서드를 제공하..
예제 프로젝트를 진행하려다가 import 부터 막혔다... 내가 보고 있는 책(리액트 교과서) 에는 아래와 같이 객체를 불러오는데const React = require('react')const { render } = require('react-dom')const { Provider } = require('react-redux')const { createStore } = require('redux')const reducers = require('./modules')const routes = require('./routes') 내가 들은 인터넷 강의에서는 아래와 같이 객체를 불러오는 차이가 있었다 ...import React from 'react';import {render} from 'react-dom';..
안녕하세요~ 오늘부터 리액트로 프로젝트를 진행하려 합니다 블로그 포스팅은 제가 리액트를 처음으로 접해보며 알게된 것을 기록하겠습니다.(혹시 제가 잘못 알고 작성한 부분이 있으면 댓글로 수정 부탁드립니다)우선 몇개의 예제 프로젝트를 만들어 보고 개인 프로젝트를 진행하겠습니다. 첫 번째로 아무것도 없는 빈 프로젝트에서 기본적인 프로젝트 구조를 잡고 리액트 개발환경 세팅하는 과정입니다. (Windows 환경) 1.리액트 환경 세팅 1-1 nodejs 설치 https://nodejs.org 에서 다운 받아 설치 1-2 babel, webpack, webpack-dev-server 설치(왜 글로벌 옵션을 줘야하지?) npm install -g babel webpack webpack-dev-server babel ..