회원 가입 API를 이용한 SignUpModal 구현
- 도메인 컴포넌트 구현 중 modal base component 관련 이슈 발생
- modal 컴포넌트를 가져다 쓸 경우 내부 modalInner에 접근 어려움
- 스타일 관련 props가 다양하지않아 styled 컴포넌트로 다시 만들어야하는 비효율 발생
- 중간 평가까지는 구현에 집중 후 팀원과 논의하여 리팩토링 예정
- IntroPage에서 사용되는 네트워크 로직(함수)을 Domain의 SignUpForm으로 가져오는 과정에서 이슈 발생 (리액트에 대한 지식이 별로 없었기때문..)
⇒ 컴포넌트는 순수해야하기 때문에 pages에서 네트워크 로직 사용!
부모 자식 관계
부모 IntroPage → SignUpModal → SignUpForm 자식
- 기존에는 SignUpForm의 values 데이터를 IntroPage로 전달해서 함수를 실행시켜야 한다고 생각했음
- 하지만 이미 useFrom 훅에서 submit 이벤트 발생 시 values는 그대로 전달되기때문에
SignUpForm 에서는 IntroPage에 있는 함수를 호출시키기만 하면 되는 것이었음
- 위처럼 하면 알아서 values를 인자로 받은 함수가 실행될 것이기 때문
- 따라서, IntroPage에 있는 함수를 props로 SignUpModal 로 넘겨주고 SignUpModal 에서 SignUpForm으로 넘겨줌으로서 해결
모달창에서 모달을 다시 띄우는 것보다는 회원가입을 라우터를 이용하여 하나의 페이지로 만드는 것이 낫다고 판단
history를 이용하여 /signup 을 push해 줌으로써 회원가입 페이지를 렌더링하도록 변경함