React ElementJSX를 쓰고 있지만 함수를 호출하고 있다property는 읽기전용, state는 쓰기전용XSS 들어오기 쉬운데 해결 방법은 모든 Element 태그 달아서 JSON변환된 서버에서 포함안된다React ComponentsJSXReact Server ComponentsReact pure componentHOCReact InheritanceReact $$typeofReact EventReact Component List 리액트 프로퍼티(props), 상태(state) 관리하기· props 프로퍼티 프로퍼티는 상위 컴포넌트가 하위 컴포넌트에 값을 전달할 때 사용합니다. 이것을 '단방향으로 데이터가 흐른다'라고 표현합니다. 이 때 값을 받은 컴포넌트에서는 프로퍼티 값은 직접 수정할 수 없다는 특징이 있습니다. 프로퍼티를 받은 자식입작에서는 읽기 전용인 데이터이다. · state 상태 props와 다르게 값을 바꿔야 하는 경우 사용합니다. '값을 저장하거나 변경할 수 있는 객체'로 보통 버튼을 클릭하거나 값을 입력하는 등의 이벤트와 함께 사용됩니다. 컴포넌트 내부에서 선언하며, 내부에서 값을 변경할 수 있다. 자신이 들고 있는 값이며 props와 비교한다면 쓰기전용이라고 볼 수 있다. 주의점 1. 생성자(constructor)에서 반드시 초기화해야 합니다 2. state값을 실행..https://y-chyachya.tistory.com/60[번역] 왜 React Element에는 $$typeof 프로퍼티가 있을까?최근 개인 블로그 Overreacted를 통해 양질의 포스트를 쏟아내고 있는 Dan Abramov의 Why Do React Elements Have a $$typeof Property? 를 번역한 글입니다. 지나친 의역 및 오역 지적해주시면 감사하겠습니다. 당신은 (컴포넌트를 쓸 때) JSX를 쓰고 있다고 생각하겠지만 사실, 함수를 호출하고 있다. 그리고 이 함수는 객체를 반환한다. 우리는 이 객체를 React element 라고 부른다.https://velog.io/@scamera/%EC%99%9C-React-Element%EC%97%90%EB%8A%94-typeof-%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0%EA%B0%80-%EC%9E%88%EC%9D%84%EA%B9%8C