2021.09.22 TIL

gwanuuoo·2021년 9월 22일
0
post-thumbnail

😎 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 부분 시작하기

profile
작지만 꾸준하게 성장하는 개발자🌳

0개의 댓글