주소 변경없이 모달창 구현하기

Q질문

로그인 버튼 클릭시 주소변경없이 모달창을 보이게 하려면

결국 라우팅만 이용해서는 할 수 없고, 기존에 리액트에서 사용하던 모달 state를 관리해주는 방식으로 해야한다. 라고 생각되어집니다. 이 부분에 대해서

강사님의 생각을 여쭤봅니다.

이렇게 생각한 이유는

로그인 버튼 클릭시 주소변경없이 모달창을 띄우려면

우선, 패러렐 라우팅과 인터셉트 라우팅 둘다 사용해야 하며

'/' 주소가 아닌 '/login' 주소로 바뀌어야만 한다.

(이때 인터셉트 라우팅을 사용해야 하는 이유는 새로고침이 뒤에있는 모달창을 안보여도, 뒤에있던 화면은 보여야하기 때문이다. )

주소가 바뀌어야 하는 이유를 설명하자면

패러렐 라우팅을 '/' 주소로 하게 되면

처음 브라우저에 방문하게 되면 모달창이 보이게 되기 때문이다. 그러므로 로그인 버튼 클릭시 '/login' 의 주소에서 홈화면과 모달창이 보이게 해야한다.