worni's Lab.

"React. It's not about JavaScript anymore."최근 유튜브를 탐색하다가, 베테랑 개발자인 Stefan Mischook의 채널에서 매우 자극적인 제목의 영상을 발견했다. "2025: Why JavaScript and React Aren’t the Main Game Anymore." (2025년: 왜 자바스크립트와 리액트는 더 이상 메인 게임이 아닌가.)지난 몇 년간 프론트엔드 개발 생태계의 중심이었고, 수많은 개발자들의 커리어를 만들어준 이 기술들이 더 이상 '메인 게임'이 아니라니. React와 TypeScript를 주력으로 사용하고 있는 현업 개발자로서, 불안감과 호기심이 뒤섞인 마음으로 영상을 클릭했다. 이 글은 영상의 내용을 요약하고, 그의 주장에 대한 나의 생각을 정..

스켈레톤 프로젝트를 설치해야 하는 경우 npx create-react-app my-app명령줄에 입력해야 합니다. npx create-react-app my-appGithub의 Facebook에 가 아닌 이유가 무엇인지 궁금합니다 npm create-react-app my-app. npx 는 npm 패키지 러너입니다(x는 아마도 eXecute를 나타냄). 일반적인 용도는 일시적으로 또는 평가판을 위해 패키지를 다운로드하고 실행하는 것입니다. create-react-app 은 프로젝트 수명 주기에서 한 번만 실행될 것으로 예상되는 npm 패키지입니다. 따라서 npx를 사용하여 단일 단계로 설치하고 실행하는 것이 좋습니다. 기본 페이지 https://www.npmjs.com/package/npx 에서 언급했..

JSON 데이터 소스를 받아들이고 정렬 가능한 테이블을 생성하는 React 구성 요소를 만들고 있습니다. 각 동적 데이터 행에는 고유 키가 할당되어 있지만 여전히 다음 오류가 발생합니다. 배열의 각 자식에는 고유한 "키" 소품이 있어야 합니다. TableComponent의 렌더링 방법을 확인하십시오. 내 TableComponent렌더링 메서드는 다음을 반환합니다. { rows } 구성 TableHeader요소는 단일 행이며 고유한 키도 할당되어 있습니다. 각 입력 은 고유 키가 있는 구성 요소에서 빌드됩니다 row.rows 그리고 TableRowItem다음과 같이 보입니다. var TableRowItem = React.createClass({ render: function() { var td = func..

일반적인 방식으로 사용할 수 있는 일부 구성 요소를 정의하는 적절한 방법을 찾으려고 합니다. 물론 부모와 자식 구성 요소 사이에 렌더링을 위한 논리가 있습니다. 이 논리 의 예로 상상할 수 있습니다 . 이것은 질문의 목적을 위한 더미 구현입니다. var Parent = React.createClass({ doSomething: function(value) { }, render: function() { return ({this.props.children}); } }); var Child = React.createClass({ onClick: function() { this.props.doSomething(this.props.value); // doSomething is undefined }, render:..