2022.09.26

1. dangerouslySetInnerHTML

-코드에 HTML 텍스트를 넣었을 때 코드가 적용되는 것이 아니라 그대로 나오는 이유는 XSS(사이트 간 스크립팅) 공격을 막기 위해 리액트에서 일부러 설정해둔 것.

따라서 코드를 정상적으로 작동시키기 위해서는 dangerouslySetInnerHTML을 사용해야 한다.

보안상 중요하지 않은 경우 dangerouslySetInnerHTML을 사용하고 보안상 중요한 부분은 따로 모듈을 사용해야 한다.

 

=> 리액트를 공부하면서 그 외에 부가적인 가상 DOM, SPA 등에 대해 공부해볼 수 있어서 좋았다. 새롭게 알게 된 것을 그냥 알고 넘어가는 것이 아니라 포스팅을 통해 깊이있게 공부하면 좋을 것 같다. 작은 것이라도 포스팅으로 기록을 남기면 이후에 다시 복습할 때도 편할 것이다!

 

=> 멍 때리는 시간이 늘어나고 있다. 차라리 뽀모도로? 처럼 짧게 집중하고 10분 쉬고 이런 방식으로 공부 리듬을 변화시켜보는 것도 좋을 것 같다.