[React] Register.js 분석

페이지를 하나씩 분석해보자.

좋은 정리글
https://usonkrap.github.io/2018/12/15/React-Redux-Tutorial-for-Beginners.html

회원가입 페이지를 분석하려한다.

내가 알아볼 컴포넌트는 auth-page란걸 알았다.

Sign in 페이지도 같은 'auth-page'로 묶여있네?

같은 classname으로 묶여있지만 주소를 보면 /register, /login으로 구분된다.

현재 내가 관심있는 /register쪽을 보도록 하자

다른 컴포넌트에서도 보이는 'mapStateToProps', 'mapDispatchToProps'가 멀까?

connect 함수의 인자로 전달한다.
그리고 dispatch에 정의된 화살표 함수들을 js 파일내에서 사용한다.

(https://react.vlpt.us/redux/09-connect.html)

mapStateToPros는 리덕스 스토어에서 props를 받아온다.

이건 대체 무슨 표현식?
-> 자바스크립트의 비구조화 할당
-> state.auth 객체를 모두 가져온다는 의미
-> 하지만 register 컴포넌트에서는 구조분해할당을 안하는거보니 실제로 사용하는 값이 없는듯

Dispatch가 먼가?

(https://velopert.com/1266)

-> onSubmit을 실행하게 되면, REGISTER란 지정된 action을 실행하도록 하는것.

src\constants\actionTypes.js에 정의되어있다.

두군데가 나오는데 /register에서 사용되는 액션은 머지??
common 위에 auth가 오버라이딩되는건가?

머지?? 둘다 주석처리했는데 회원가입이 된다. 이유가 멀까???
-> F12 - Settings - Network - Disable cache를 해줘야함