🔥목차🔥
1. JSX
( 오늘의 기분 🤪😊 )
🧐 그렇다면 꼬 ! 🧐
- JSX
- JavaScript를 확장한 문법
- React Element를 생성함
- 본질적으로 렌더링 로직이 UI로직(이벤트 처리방식, 시간에따라 state가 변하는 방식, 화면 표시를 위해 데이터가 준비되는 방식)과 연결이 된다
- React에서의 JSX 사용은 필수가 아니지만 JS코드 안에서 UI관련 작업을 할 때 시각적 도움이 더 된다고 함
- JSX도 하나의 표현식임
- JSX안에서 if, for loop 변수할당 함수리턴 등등 다 가능함
- JSX에서는 속성값에 “ “ 큰 따옴표를 이용해서 문자열 리터럴을 정의 할 수 있음
- 또는 중괄호를 이용해서 속성에 JS 표현식도 사용 가능
- JSX는 HTML보다는 JS에 가깝기 때문에 React DOM은 HTML 속성 이름 대신에 카멜케이스 프로퍼티규칙을 사용한다고 함
- React DOM은 JSX에 삽입된 모든값을 렌더링 하기전에 이스케이프를 한다고함
- XSS 공격방지가 가능함 쉽게 얘기하면 모든 항목이 렌더링 되기전에 문자열 변환이 되면서 보안적인게 상승한다고 보면됨
- XSS(cross Site Scripting) : 사용자의 정보(쿠키,세션)를 탈취하거나 비정상적인 기능을 수행하게함