JSX란?

JSX란?

JSX(JavaScript Syntax Extension 및 JavaScript XML)란 JavaScript를 확장한 문법으로 React element를 생성하여 React에서 UI를 구현하는데 사용한다. (마크업과 UI 구현 동시에 가능)

JSX를 사용하는 이유

• 코드 가독성이 뛰어나다.
• HTML 코드와 유사하여 작성하기 편하다.

JSX와 XSS(Cross Site Scripting) 공격 방지

React DOM은 JSX에 삽입된 모든 값을 렌더링하기 전에 이스케이프 하기 때문에 애플리케이션에서 명시적으로 작성되지 않은 내용은 주입되지 않는다.

XSS(Cross Site Scripting) 공격이란?

크로스 사이트 스크립팅(Cross Site Scripting, XSS)이란 웹 페이지 관리자가 아닌 공격자가 상대방 브라우저에 스크립트가 실행되도록 하여 사용자의 세션을 가로채거나, 웹사이트를 변조하거나, 악의적인 콘텐츠를 삽입하거나, 피싱 공격을 진행하는 것을 의미한다.

참조

https://nordvpn.com/ko/blog/xss-attack/
https://ko.wikipedia.org/wiki/%EC%82%AC%EC%9D%B4%ED%8A%B8_%EA%B0%84_%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8C%85