티스토리 뷰
- 컴포넌트는 HTML을 반환하는 함수임.
ReactDOM.render(<App />, document.getElementById('certainId'));
여기서 컴포넌트는 <App />.
- 모든 컴포넌트 파일의 시작은 아래와 같이 써야 한다. 그렇지 않으면 jsx를 이용한 컴포넌트 사용에 대한 이해를 하지 못함.
import React from "react";
- 컴포넌트 함수의 앞은 대문자.
function Bluebtn(){};
export default Bluebtn; //꼭 이렇게 호출해야함
- 리액트 앱은 하나의 컴포넌트만 렌더링할 수 있다. 그렇기 때문에, 해당 컴포넌트 내에 또 다른 컴포넌트를 import 할 수 있다는 것.
- map()은 각각의 배열 요소들에게 원하는 함수를 부여한다. 엥 그러면 배열에는 for문을 안써도 되는건가?
- PropTypes는 타입에 대해 쓰는 걸 보니 뭔가 타입스크립트 같다.
Something.propTypes = {
name: PropTypes.string.isRequired, //꼭 스트링 존재해야함
address: PropTypes.number.isRequired, //isRequired가 있으면 꼭 숫자 존재해야함
age: PropTypes.number //이렇게 되면 굳이 숫자 없어도 됨. 대신 있다면 타입은 숫자여야함.
}
반응형
'TIL Today I Learned' 카테고리의 다른 글
[TIL] 200830 (0) | 2020.08.30 |
---|---|
[TIL] 200829 (0) | 2020.08.29 |
[TIL]200827 (0) | 2020.08.28 |
[TIL]200826 (0) | 2020.08.26 |
[TIL]200825 (0) | 2020.08.25 |
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- nuxt 공식문서 한글
- 글래스모피즘 구현
- 리액트
- Til
- 파이썬 flask
- nuxt 공식문서
- vscode venv
- 움직이는 글래스모피즘
- 글래스모피즘 애니메이션 구현
- nextjs 파라미터 넘기기
- bs4 크롤링
- next.js 리다이렉트
- 파이썬 크롤링
- 자바스크립트
- NextJS
- 화이팅
- nextjs 스크롤
- 리액트 라우터
- getserversideprops redirect
- react router
- 파이썬 정렬
- 리액트 스크롤
- 카페음료테스트
- 10989 파이썬
- css 글래스모피즘
- css marquee
- dvd 효과
- 리액트 컴포넌트
- 백준 10989 파이썬
- 리액트 파라미터 넘기기
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함