[React Router] 02. Rendering a Router React Router 02. Rendering a Router예제 소스코드 : https://github.com/reactjs/react-router-tutorial/tree/master/lessons/02-rendering-a-route React Router는 Component이다. 기본적으로 예시에 사용되는 index.html은 다음과 같다. My First React Router App webpack을 통해 index.js-> bundle.js로 패키징된다. 우선 index.html에 사용될 Component를 가지는 index.js에1. import Router, Route2. render Router 2가지 작업을 추가한다. // ... import { Router, Route, hashHi.. 더보기 [React Router] 01. Setting Up React Router 01. SettingUp소스코드 : https://github.com/reactjs/react-router-tutorial/tree/master/lessons/01-setting-up React Router 예제를 따라하기에 앞서당연하지만 nodeJS와 NPM이 설치되어 있어야 한다. git clone https://github.com/reactjs/react-router-tutorial cd react-router-tutorial cd lessons/01-setting-up npm install npm start 위 과정을 진행한 후 http://localhost:8080 에 접속하면, 브라우저에 "Hello React Router" 메시지가 출력되는 것을 확인할 수 있다. 더보기 [React Router] 00. React Router React Router AngularJS의 양방향 데이터 바인딩이 편하기는 했으나, 데이터가 많아질 경우 속도 저하의 부담이 있어서 이번 개인프로젝트에는 React를 사용하려고했다. AngularJS의 UI Router와 마찬가지로 ReactJS에도 'React Router'라는 Router가 존재한다. 처음에 무턱대고 React Router를 사용해서 개발을 진행하였으나 , 예제 및 개념에 대해서 자세히 보지않고 진행했다가 페이지 새로고침 시 해당 path에 대한 handler가 없다는 당황스러운 상황을 겪었었다. 아직 React Router에 대해서 정보도 부족해 보이기에 공부하는 차원에서 예제 번역 및 React Router에 대한 정보를 올리기로 결정하였다. 더보기 이전 1 ··· 10 11 12 13 14 15 16 ··· 44 다음