React - JSX와 스타일링

JSX

정의

• 자바스크립트의 확장 문법
• 필수는 아니지만, 리액트 개발을 더 쉽게 만들어 줄 수 있음

특징

• 모든 값이 렌더링 전에 JSX에서 이스케이프[^1]를 거치므로, 주입 공격의 예방이 가능하다
• 자바스크립트 식을 중괄호 내에 넣어 사용이 가능함
• 요소에 내/외부 스타일링의 사용이 가능하다

---

참고한 자료

실전! 스프링 부트와 리액트로 시작하는 모던 웹 애플리케이션 개발.

[^1]: 특정 문자를 원래 기능에서 잠시 벗어나게 변환하여 안전하게 사용하는 것