반응형
1. 시험환경
- Visual Studio Code
- node v14.17.0
- npm 6.14.13
2. 목적
- 단계별 학습을 통해서 ReactJS 사용법을 익힌다.
- JSX(Java Script eXtention) 기본 사용법을 학습한다.
3. 적용
① JSX를 사용하기 위해 CDN 방식으로 babel 라이브러리를 추가한다.
- URL : https://babeljs.io/
Babel · The compiler for next generation JavaScript
The compiler for next generation JavaScript
babeljs.io
② JSX를 사용하기 위해 <script type= "text/babel">로 변경한다.
③ React.createElement() 대신 HTML 코드를 직접 입력하여 목적지 태그에 Element를 렌더링한다.
- ReactJS의 API를 사용하는 것보다 익숙한 HTML 문법을 사용하는 것이 보다 좋은 편의성을 제공한다.
chap13.html
0.00MB
4. 결과
- JSX를 이용한 결과를 확인한다.
※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.
반응형
'FrontEnd Framework' 카테고리의 다른 글
| ReactJS 단계별 학습 1 - step.6 JSX 변수(let) 기본 사용법 (0) | 2021.06.10 |
|---|---|
| ReactJS 단계별 학습 1 - step.5 JSX에 bootstrap 적용 (0) | 2021.06.10 |
| ReactJS 단계별 학습 1 - step.3 createElement() (0) | 2021.06.10 |
| ReactJS 단계별 학습 1 - step.2 createElement() (0) | 2021.06.10 |
| ReactJS 단계별 학습 1 - step.1 createElement() (0) | 2021.06.10 |