반응형
1. 시험환경
- Visual Studio Code
- node v14.17.0
- npm 6.14.13
2. 목적
- 단계별 학습을 통해서 ReactJS 사용법을 익힌다.
- 다양한 방식으로 function 컴포넌트를 정의하고 사용하는 방법을 학습한다.
3. 적용
① 다양한 방식으로 function 컴포넌트를 정의한다.
- function component의 이름은 반드시 대문자로 시작해야 한다.
- 일반적인 방식으로 "function 함수명() {}" 형식에 의해 function 컴포넌트를 정의한다.
- 축약 방식으로 "const 함수명=() => {}" 형식에 의해 function 컴포넌트를 정의한다.
chap16.html
0.00MB
② 정의한 function 컴포넌트는 JSX 문법에서 "<함수명/>"으로 호출하여 사용한다.
4. 결과
※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.
반응형
'FrontEnd Framework' 카테고리의 다른 글
| ReactJS 단계별 학습 1 - step.9 JSX function 컴포넌트 기본 사용법 3 (0) | 2021.06.10 |
|---|---|
| ReactJS 단계별 학습 1 - step.8 JSX function 컴포넌트 기본 사용법 2 (0) | 2021.06.10 |
| ReactJS 단계별 학습 1 - step.6 JSX 변수(let) 기본 사용법 (0) | 2021.06.10 |
| ReactJS 단계별 학습 1 - step.5 JSX에 bootstrap 적용 (0) | 2021.06.10 |
| ReactJS 단계별 학습 1 - step.4 JSX 기본 사용법 (0) | 2021.06.10 |