FRONT END/react

3. jsx 문법 살펴보기

자코린이 2023. 4. 20. 18:38

https://ko.reactjs.org/docs/introducing-jsx.html

 

JSX 소개 – React

A JavaScript library for building user interfaces

ko.reactjs.org

기본적으로 언어를 공부하기 위해서는 공식 문서만한 곳이 없습니다.

 

공식문서에 나온 내용을 제가 정리하면 'javascript에서 html문법을 생성하고 찾기에 아주 편리한 문법'라고 생각했습니다.

바닐라 js는 기본적으로

document.querySelector(selectors);

함수를 사용하여 찾는 html 을 문자열 형식으로 나타내주는 문법입니다.

기본적으로 React DOM은 JSX에 삽입된 모든 값을 렌더링하기 전에 이스케이프 하므로, 애플리케이션에서 명시적으로 작성되지 않은 내용은 주입되지 않습니다. 모든 항목은 렌더링 되기 전에 문자열로 변환됩니다. 이런 특성으로 인해 xss(cross-site-scripting)공격을 방지할 수 있습니다

 

'FRONT END > react' 카테고리의 다른 글

6. useEffect  (0) 2023.05.01
5. state 관리  (0) 2023.04.20
4. components  (0) 2023.04.20
2. react.js 설치  (0) 2023.04.19
1. react.js 란 무엇인가?  (0) 2023.04.18