Angular 앱에서 React 컴포넌트를 실행할 수 있을까요?

Question

안녕하십니까 선배님들. 저는 React 조금, Angular 조금, 하는식으로 개발을 하고 있는데요.제가 이전에 React로 만들어둔 Form(로그인, 게시물 등록, 결재 등)들이 있습니다. 이 Form들을 컴포넌트로 라이브러리화 해서, React 프로젝트에서는 필요할 때 사용하고 있습니다.이런 방식으로 Angular 프로젝트에서도 독립적인 컴포넌트들을 쓸 수 있었으면 하는 생각이 들어서요. 그러면 개발에 시간이 덜 소비될 것 같기도 하구요.구글링 해본 결과, Angular 프로젝트에서 React 라이브러리 같은걸 설치해서 React component를 사용하는 방법도 존재하는 것 같은데, 자세한 내용들은 찾지 못했습니다. 아니면, React 프로젝트들 웹팩 같은걸로 빌드해서 js파일 화 한다음에, 그걸 Angular나 다른 프레임워크에서 사용하는 방법도 가능할지요.혹시 이런 식으로 사용해보신 경험 해 보신 분 있으시면 조언 좀 구할 수 있을까 해서 여쭈어봅니다.

O-h-y-o · Accepted Answer

프로젝트의 해당 프레임워크나 라이브러리에 맞게 다시 만드는게 옳은 것이라고 생각은 하지만..!! angular안에서 사용하고 싶으시다면, 개발 디펜던시에 @types/react 와 @types/react-dom 를 설치하고, tsconfig.json 에 "jsx": "react" 를 추가하셔서 사용하시면 됩니다!import * as React from 'react'; import * as ReactDOM from 'react-dom'; import {Component} from '~@' private render() { ReactDOM.render( ); } 다른 방법으로는 react, vue, angular, svelte 등 어떤 프레임워크든, 모든 것을 다 사용할 수 있는 프레임워크가 나오긴했는데.. 해당 프레임워크 이름을 잊어버렸습니다.. 최신 프레임워크에요

덤엔더머 · Answer

저도 그렇게 해본 적은 없어서 도움이 될지 모르겠지만리액트의 경우에는 아래와 같이 하면 동작 가능 합니다.

Angular 앱에서 React 컴포넌트를 실행할 수 있을까요?

2개의 답변

Q&A 목록