react.js 나 vue.js 에서는 팝업(모달아님)을 구현하는 라이브러리나 방법이 따로있나요?

Question

대형 플래폼을 이용한 인증 로그인서비스를 구현하려고 하는데요.. spa 가 아니고 해당 플래폼 로그인창을 팝업에 뛰우려고하는데 예전에는 window.open 을 사용했는데 window.open('팝업 주소', '팝업창 이름', '팝업창 설정');window.open('popup.html', 'pop01', 'top&#61;10, left&#61;10, width&#61;500, height&#61;600, status&#61;no, menubar&#61;no, toolbar&#61;no, resizable&#61;no');react.js 나 vue.js 에서는 팝업(모달아님)을 구현하는 라이브러리나 방법이 따로있나요?검색해보니 모달팝업에 같은 알림문구나 yes/no 선택하는 기능에 대한 내용만 나오고다른페이지를 팝업을 뛰우는 화면은 잘 안나오더라구요..혹시 알고 계신 방법이 있으시면 알려주세요..

O-h-y-o · Answer

새 창을 띄우려고 하시는거면 window.open을 사용하셔야합니다. window.open은 라이브러리로 만들만큼 큰 기능이 아니고 매우 쉽기에.. 라이브러리같은게 있더라도 사용할 이유가 없습니다.. 그대로 사용하시면 될 것 같습니다. 대신, 요즘은 더블모니터 이상을 사용하기때문에 그에 대비한 position을 잘 잡아줘야합니다.

아리까리 · Answer

react 는 createPortal, vue는 Teleport 라는 api를 사용합니다.화면안에서 모달을 구현할때 사용합니다.window.open을 이용해서 개발을 하려고 하시면 react 내에서 global event handler를 만들어 관리 하는게 좋고그게 아니라면 postMessage 이벤트를 통해 부모-자식 간 데이터를 주고 받을 수 있습니다. origin이 같으면요.시중에 로그인서비스를 제공하는 업체들에서는 대부분 팝업창을 띄우는 방법이나 코드까지는 제공을 해줍니다.

react.js 나 vue.js 에서는 팝업(모달아님)을 구현하는 라이브러리나 방법이 따로있나요?

2개의 답변

Q&A 목록