[14장][효리] 웹사이트 보안을 위한 리액트와 웹페이지 보안 이슈
Closed this issue · 2 comments
hyoribogo commented
퀴즈
리액트에서 아래 코드를 실행시켰을 때 결과와 그 이유를 작성하세요.
function App() {
const userInput = '<img src="x" onerror="alert(1)" />'
return (
<>
<p id={userInput}>{userInput}</p>
<div dangerouslySetInnerHTML={{ __html: userInput }} />
</>
)
}
export default App
답
정답
댓글 작성법
(다음과 같이 답을 작성해 댓글로 달아주세요)
<details>
<summary>정답</summary>
<div markdown="1">
정답 설명
</div>
</details>
khj0426 commented
정답
p태그에는 img src="x" onerror="alert(1)" 가 그대로 문자열로 찍히고
img태그부분에서는 alert(1)이 나온다. (사실 onError가 언제 실행되는지 잘 모르겠습니다..)
hayamaster commented
정답
img src="x" onerror="alert(1)" / ...가 글자그대로 보인다.
x 이미지가 보인다.