이재웅
- 이전에 배운 내용으로
Element.innerHTML은XSS공격에 취약하다고 알고 있었는데요, 현재 수강하고 있는Vanilla JS강의에서는 컴포넌트의render()메서드 내부에서 가독성을 위해innerHTML을 이용해서 렌더링을 수행하고 있습니다.
혹시 이 부분에서 보안 혹은 성능에 문제가 생기는 경우는 없을까요?
⇒ 리액트에서는 dangerouslysetinnerhtml 사용
- 실무에서 비동기 통신을 하실 때, 브라우저의
fetch API도 사용하시는지, 아니면Axios같은 라이브러리를 주로 사용하시는지 알고 싶습니다!
장규범
- 질문 내용을 이곳에 작성해주시면 될 것 같습니다 😊
팽건우
- 질문 내용을 이곳에 작성해주시면 될 것 같습니다 😊
홍정기
- ES 모듈을 사용할 때
one.js와two.js두 개의 파일이 있다고 했을 때
// one.js export default add(a, b) { return a + b; } console.log('test');
// two.js import add from 'one.js'; console.log(add(1, 2))
one.js 에서 add 함수를 export 하고 two.js 에서 add 함수를 import 해서 덧셈의 결과를 출력하면 먼저 test가 출력되고, 다음으로 덧셈의 결과인 3이 출력됩니다.저는 막연하게 export로 내보낸 변수나 함수만 가져온다고 생각했는데 console.log가 실행되는게 신기해서 모듈이 어떻게 동작하는지 찾아보았습니다.
[ES modules: 만화로 보는 심층 탐구](https://ui.toast.com/weekly-pick/ko_20180402)
원문: [ES modules: A cartoon deep-dive](https://hacks.mozilla.org/2018/03/es-modules-a-cartoon-deep-dive/)
브라우저는 파일을 직접 사용할 수 없기 때문에 파일을 모듈 레코드라는 데이터 구조로 변환해서 사용해야 한다고 하는데 이때 구문분석하는 과정에서 console.log가 실행되는 것인지 궁금합니다. ES 모듈 명세(https://tc39.es/ecma262/#sec-abstract-module-records)에 자세하게 나와있다고 해서 찾아봤는데 관련 정보를 찾지 못했습니다😰
- 명세나 공식문서, StackOverflow 등을 사용해 정보를 얻을 때 영어가 정말 중요하다고 느끼고 있습니다. 최대한 영어로 된 문서를 많이 읽으려고 하면서 영어 공부를 하고 있는데 멘토님만의 영어공부 팁이 있는지 궁금합니다.
- 진행하고 계신 토이 프로젝트가 있는지 궁금합니다!