스택큐힙리스트

제 React 컴포넌트가 두 번 렌더링됩니다. 따라서, 한 줄씩 디버그를 하기로 결정했고, 문제는 여기에 있습니다: if ( workInProgress.mode & StrictMode) { instance.render(); } React-dom.development.js 엄격 모드 때문인가요? 비활성화할 수 있을까요? 엄격 모드란 무엇인가요? 필요한가요?답변 1StrictMode는 컴포넌트를 두 번 렌더링하여 코드의 문제를 감지하고 경고하는 것을 목적으로 합니다 (개발 중에만 발생하며 프로덕션에는 발생하지 않음) (이는 매우 유용 할 수 있습니다). 앱에서 StrictMode를 활성화했지만 활성화하는 방법을 기억하지 못하는 경우, 초기에 앱을 만들 때 create-react-app 또는 유사한 도구를 사..

저는 let 및 const 값에 초기화되기 전에 접근하는 것은 ReferenceError를 일으킬 수 있다는 것을 들었습니다. 이는 시간적으로 죽은 영역(temporal dead zone)이라는 것 때문입니다. 시간적 죽은 영역은 무엇이며 스코프와 호이스팅과 어떤 관련이 있으며 어떤 상황에서 겪게 되는지 알려주세요.답변 1안녕하세요. 여전역 스코프에서 x에 접근하면 여전히 ReferenceError가 발생합니다. 만약 let이 호이스팅되지 않았다면, outer value를 기록하게 됩니다. TDZ는 버그를 강조하는 데 도움이 되는 좋은 것입니다. 선언되기 전에 값에 접근하는 것은 일반적으로 의도한 바가 아닙니다. TDZ는 기본 함수 인수에도 적용됩니다. 인수는 왼쪽에서 오른쪽으로 평가되며, 각 인수는 할..

이 질문은 이미 여기에 대한 답변이 있습니다: 자바스크립트에서 배열에 값이 포함되어 있는지 확인하는 가장 좋은 방법은 무엇입니까? (62 답변) 닫혔습니다 6년 전. 객체가 배열에 있는지 확인하는 가장 좋은 방법은 무엇인가요? 내가 아는 최고의 방법입니다: function include(arr, obj) { for (var i = 0; i < arr.length; i++) { if (arr[i] == obj) return true; } } console.log(include([1, 2, 3, 4], 3)); // 참 console.log(include([1, 2, 3, 4], 6)); // 정의되지 않음 답변 1ECMAScript 2016을 기준으로 includes()를 사용할 수 있습니다. arr.in..

리액트(React.js)를 사용할 때 헷갈리는 점이 있습니다. 인터넷에는 React를 사용하는 많은 예제가 있지만 일부는 .js 파일을 사용하고 다른 일부는 .jsx 파일을 사용합니다. JSX 파일에 대해 읽어본 결과, 이 파일은 JavaScript 안에 HTML 태그를 작성할 수 있게 해준다는 것이었습니다. 하지만 같은 내용을 JS 파일에서도 작성할 수 있습니다. 그렇다면 .js와 .jsx의 실제 차이점은 무엇일까요?답변 1파일 확장자에 따라 없습니다. 번들러/트랜스파일러/기타가 어떤 유형의 파일 컨텐츠가 있는지 해결을 담당합니다. 그러나 .js 또는 .jsx 파일 유형에 넣을 내용을 결정할 때 고려해야 할 몇 가지 다른 사항이 있습니다. JSX가 표준 JavaScript가 아니므로 평범한 JavaSc..