일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- node.js
- Reduce
- kibana
- Emit
- mutations
- 콘솔한글깨짐
- Login
- KAKAO
- includes
- state
- v-for
- 음양더하기
- javscript
- javascipt
- 템플릿문법
- mixins
- Express.js
- getters
- Vue.js
- axios
- vuex
- 연동
- v-on
- v-if
- azure
- JavaScript
- IntelliJ
- programmers
- react
- sns로그인
- Today
- Total
공부용
Router router는 특정 url에 페이지를 제공하는 방식입니다. 1. 설치 npm install --save react-router 2. 사용방법 * exact = 이하 경로를 중복 출력하지 않도록한다. * switch = /일때, /하위 경로일때 모두 화면에 출력되지 않도록 한다. Styled-componets styled-componets는 react 요소에 css를 입혀주는 프레임워크입니다. 처음에 css를 1페이지에 1개만 사용하게끔하려했지만, 모든 리액트 페이지에서 css를 공유해서 알아보다가 발견한 프레임워크입니다. 현업에서는 자주 사용하는 프레임워크라고 합니다. 1. 설치 $ npm install styled-components 2. 사용방법 import styled from "sty..
* 모든 글은 글쓴이의 공부하면서 개인의견입니다. 확실한 정보는 아닙니다. - 리액트란 무엇인가 (react 자습서 참고) React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다. “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다. 리액트에서는 class 와 객체로 html 을 만들 수 있습니다. //class 버전 class ShoppingList extends React.Component { render() { return ( Shopping List for {this.props.name} Instagram WhatsApp Oculus ); } } //객체 버전 const ShoppingList = ()..
보호되어 있는 글입니다.