컴포넌트 생성과 useEffect의 실행 순서 질문

안녕하세요 선생님.
chat gpt가 답을 못줘서 결국 여기까지 왔습니다.
숙제 마치고 의도대로 잘 돌아가는데 내부 실행 순서가 조금 이상합니다.

localStorage로 만드는 최근 본 상품 기능 2
이 강의를 보고 2가지 질문을 드립니다.
 




1. 
useEffect가 제일 먼저 실행되는데, 어떻게 그 시점에서 아직 없는 변수인 id가 잘 찍혀요?
id, typeof id가 잘 출력되니까 useParams, parseInt가 useEffect보다 먼저 실행된건가요?
근데 또 콘솔에는 "1.유즈이펙트 실행됨" 이 먼저 찍힙니다.
어찌된 영문인지 모르겠습니다. 대기업 생각 없는데 신입 수준을 벗어난 질문인가 싶네요...


2.
제 코드의 console.log 개수보다 크롬에 훨씬 많이 찍힙니다. 
1은 한번만 뜨는데 234가 여러번 반복됩니다. 
에러 없이 잘 돌아가면 그냥 넘어가도 괜찮나요?