본문 바로가기

my_lesson/_ReactJS17

React-router - Add URL Parameter ReactJS - Add URL Parametersorce code는 이전 문서에서 재활용한다./...../ 는 생략되었다는 표시임 URL parameters are a fundamental aspect of React Router and a fundamental aspect of building web applications. URL parameter는 React Router의 기본요소이며 web applications을 작성하는 기본 요소이다. ~cra-router/src$App.js/...../ /...../ ~cra-router/src/routes$About.js/...../ const About = ({match}) => { return( {match.params.username} 의 소개 );.. 2018. 4. 11.
React-router - Add Router & Link ReactJS - Add Router & LinkNoticereact-router - Provides thr core routing functionality serverreact-router-dom - If you are writing an applicaton that will run in the browser, you should install this.react-router-native - If you are writing a React Native application(mobile), you should install this.~$sudo yarn global add create-react-app~$create-react-app cra-router~$cd cra-router~cra-router$ y.. 2018. 4. 10.
ReactJS - Add React to a New Application ReactJS - Add React to a New Application Installing Create React App$sudo yarn add -g create-react-app $create-react-app my-app $cd my-app ~/my-app$ yarn start Open to localhost:3000 - Default page of your project Building the app for production and ready to be deployed.React를 프로덕션 모드에 올바르게 묶고 최적의 성능을 위해 빌드를 최적화 한다.~/my-app$ yarn build ~/my-app$ yarn global add serve ~/my-app$ serve -s build Ope.. 2018. 4. 3.
ReactJS - Sequencial of ReactJS environment setting 환경설정 순서 ReactJS - Sequencial of ReactJS environment setting 환경설정 순서NodeJS and NPM NodeJS는 ReactJS 개발을 위해 필요한 platform이다.windows: NodeJS downloads [바로가기]ubuntu : NodeJS downloads [바로가기]macOS : NodeJS downloads [바로가기] NPM 과 Yarn 은 NodeJS packages를 위한 페키지 관리자 이다.NPM프로그램은 NodeJS설치시에 같이 설치 되어지며, NPM읗 통해서 Yarn을 설치 할 수 있다~>npm install -g yarn 수동 환경설정 순서 자동환경설정 (create-react-app) [바로가기] 1. Create the Root Folde.. 2018. 4. 1.
ReactJS - What is ReactJS ReactJS는 무엇인가? ReactJS - What is ReactJS ReactJS는 무엇인가? 소개ReactJS는 Facebook에서 개발한 front-end library이다. web과 mobile apps를 위한 view layer를 조작하는 데 사용되어진다. ReactJS는 재사용 가능한 UI components 생성을 할 수 있게 해준다.. React는 작성가능한 user interfaces를 구축하기 위한 library이다. React는 시간의 흐름에 따라 변하는 데이터를 제공하여 주는 재사용가능한 UI components의 생성을 장려한다. 많은 사람들이 MVC에서 V(View)로 React를 사용한다. React는 DOM이 없이 보다 나은 성능과 보다 간단한 프로그래밍 모델을 제공하면서 추상화를 한다. 또한 Re.. 2018. 4. 1.