😎 Things I Learned
✓ useHistory & useLocation
React-Router-Dom의 useHistory와 useLocation을 이용하여, 컴포넌트 간의 이동과 이동 시에 이동한 컴포넌트로 state를 전달하는 법을 배웠다.
✓ Dark Mode
Reactive Variables와 localStorage를 이용하여 버튼을 클릭 시, 여러 컴포넌트의 CSS를 어두운 Theme으로 변경하고 다크 모드 상태를 저장하는 법을 배웠다.
✓ ... in handleSubmit
handleSubmit의 첫번째 인자로 오는 콜백함수는 모든 항목의 유효성을 보장받기 때문에 서버로부터 받은 data를 spread operator로 한 번에 variables로 설정할 수 있다.
🤔 Things To Remember
✓ useHistory Error
React-Router-Dom을 사용할 때, HashRouter을 사용하면 useHistory가 안된다 browserRouter를 써야한다.
✓history.push([component], [state]) -> location.state.[state]
history.push로 전달한 state는 useLocation의 location.state로 가져올 수 있다.
🤓 Things To Do
✓ Login & Sign Up 블로깅
✓ Sign up 후 Log in으로 돌아갈 때, 팝업 창 Styled-Components로 꾸미기
✓ Feed 부분 시작하기
작지만 꾸준하게 성장하는 개발자🌳