버튼 클릭 시 링크로 이동

로켓CV 프로젝트 중 후기 작성하기 버튼을 클릭하였을때, 후기 작성을 위한 구글 설문 링크로 이동하게 하고 싶었다.

window.open()

팝업을 띄우기 위한 window.open() 메소드를 사용한다.

window.open(url, name, option);
window.open(팝업 주소, 팝업창 이름, 팝업창 설정);

팝업창 설정

팝업창을 띄웠을때 다양한 설정값을 줄 수 있다.

width : 가로 크기
height : 세로 크기
top : 위에서부터 위치
left : 왼쪽에서부터 위치
menubar=no : 메뉴바 없애기
toolbar=no : 툴바 없애기
location=no : 주소 표시줄 없애기
status=no : 상태표시줄 없애기
scrollbars=no : 스크롤바 없애기
fullscreen : 최대창 크기로 열기
resizable=no : 창 크기 조절 금지

사용법

onClick={() =>
          window.open(
            '설문링크',
          )

window객체의 내장 메소드인 .open()을 사용해서 외부링크와 연결되는 클릭 이벤트 함수를 호출하여 해결!