04:354개의 li에게 event handler를 전달한 현재 방식은 추후 li 갯수가 늘어나는 것에 대응하기 적절치 않습니다.
이를 li들의 부모 요소인 ul에 이벤트 위임하는 방식으로 해결합니다.
06:34currentTarget은 이벤트 핸들러가 등록된 요소를 나타내며 target은 이벤트를 발생시키는 요소입니다.
*event.currentTarget 값은 이벤트를 처리하는 동안에만 사용할 수 있습니다. console.log() 이벤트 개체를 변수에 저장한 다음 콘솔에서 currentTarget 키를 찾으면 해당 값은 null이 됩니다.(from MDN)
해당 학습노트에서는 react router 버전6에서 redirect를 어떻게 구현하는지 소개합니다.
공식 문서: https://reactrouter.com/
00:50
react router 버전5에서 redirect를 구현하는 방법입니다.
*예상 시나리오: pathname이 '/redirect'인 page 접근 시 pathname '/about'인 page로 전환됨
*특정 pathname에 redirect 로직을 등록하는 이유는 가지각색이겠지만 그 중 대표적인 용도는 로그인 여부 검사입니다. 서비스를 이용하는 유저가 로그인을 했을 경우 특정 pathname에 접근하지 못하도록 사용하는 것이죠.