문서의 임의 삭제는 제재 대상으로, 문서를 삭제하려면 삭제 토론을 진행해야 합니다. 문서 보기문서 삭제토론 SolidJS (문단 편집) === React와의 차이점 === JSX 라이브러리의 원조인 React의 사용법과 이 Solid의 차이점은, [[https://dev.to/composite/reactwa-solidyi-caijeom-topabogi-4e23|톺아보기]]를 통해서도 주요 차이점을 확인할 수 있다. * React 훅 함수들은 컴포넌트 함수 본문 내에서만 호출할 수 있으나, Solid는 그저 함수 범위만 맞으면 어디든 호출할 수 있다. 심지어 다른 컴포넌트 라이브러리에서도 사용할 수 있다. * 가상 DOM을 사용하지 않기 때문에, [[Svelte]] 처럼 {{{use:}}} 특성을 적용하여 기존 JS 라이브러리 친화력 확보 등의 좁은 생태계를 타파할 수 있는 이점을 챙길 수 있다. * React 컴포넌트 함수 본문은 상태가 바뀔 때마다 본문이 재작성되어 상태관리를 하지 않는 모든 데이터를 잃지만, Solid 는 재작성하지 않고 유지되기 때문에 {{{let}}} 변수를 통한 {{{ref}}} 참조가 가능할 정도로 유연한 대신, 리액트와는 달리 컴포넌트의 속성을 변수로 분해하여 관리할 수 없는 등의 제약 상황이 발생하여 React 경험자에게는 다소 불편할 수 있으며, 상태 관리 시 상태값을 가져올 때 함수처럼 호출해서 가져와야 한다. * 위 React의 상태 변경에 따른 재작성 특성에 의해 React 는 {{{if}}} 문과 삼항 연산자, {{{Array}}} 메소드를 통한 반복문을 쉽게 구현하여 해결할 수 있으나, Solid는 본문이 유지되기 때문에 이를 사용하면 상태 변경에 따른 대응이 불가능하기 때문에 이를 위한 내장 컴포넌트를 제공하는데, {{{}}}나 {{{}}} 컴포넌트로 조건문 대응, {{{}}}나 {{{}}} 컴포넌트로 반복문을 대응할 수 있으며, 동적 컴포넌트는 {{{}}} 컴포넌트를 통해여 해결할 수 있다.저장 버튼을 클릭하면 당신이 기여한 내용을 CC-BY-NC-SA 2.0 KR으로 배포하고,기여한 문서에 대한 하이퍼링크나 URL을 이용하여 저작자 표시를 하는 것으로 충분하다는 데 동의하는 것입니다.이 동의는 철회할 수 없습니다.캡챠저장미리보기