일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Java
- 원펀맨: 최강의 남자
- 개발
- 자바
- array
- 모바일게임
- JSTL
- 원펀맨
- 맛집
- JavaScript
- set
- 형변환
- url 변환
- React
- 자바스크립트
- 이름 마스킹
- JS
- jQuery
- table
- 리액트
- 배열
- SQL
- spring
- 오라클
- forEach
- Oracle
- 스프링
- JSX
- html
- url 치환
Archives
- Today
- Total
목록React DOM (1)
특별한 일상
[REACT] 모던스크립트 리액트 hello world(react basic in modern script)
안녕하세요. 소다맛사탕 입니다. 이번 포스팅은 일반적인 HTML과 DOM 환경에서 리액트를 사용하는 방법에 대해 알아 보겠습니다. 리액트의 기본적인 사용법 기본적으로 HTML, DOM 환경에서 jQuery를 사용하는 CDN을 설정하는 것과 같이 리액트 라이브러리를 읽어 들이는 스크립트 즉, CDN을 선언해야 합니다. 앞의 두 줄은 리액트 라이브러리, 마지막 줄은 자바스크립트 문법 구문을 확장한 것입니다. 말 그대로 기본적으로 HTML에서 javaScript를 선언하게 되면 라는 형식으로 시작을 하는데 리액트 구문을 실행시키기 위해서는 를 선언해 JSX를 활성해야 합니다. JSX 란? 자바스크립트 안에서 HTML 문법을 사용해 VIEW를 구성할 수 있게 도와주는 자바스크립트 문법. 간단하게 모든 프로그래밍..
IT•개발 끄적/React
2021. 5. 11. 20:03