에서 응용 문제 관련해서 질문드립니다.

[신승준]

 
안녕하세요, 응용 문제 관련해서 3개 질문드립니다.

1. 2번째 사진처럼 useState를 통해 userClicks를 1로 저장해두었습니다.
그러고 나서 1번째 사진의 빨간색 박스처럼 setUserClicks를 하기 전, 하고 난 후 userClicks를 찍어보니 둘 다 1이 나오네요...
뒤의 console.log(userClicks)는 2가 나와야된다고 생각했는데 왜 그런지 알 수 있을까요? 알려면 비동기를 알아야 할까요? 
키워드라도 알려주시면 감사드리겠습니다.

2. 저는 노란색 박스처럼 처리해도 똑같이 Spinner(로딩 애니메이션)가 뜰 줄 알았는데,
코딩애플님이 가르쳐주신 대로 위와 같이 then과 catch에 각각 false로 전환해야 제대로 Spinner가 뜨더라구요.
노란색 박스처럼 하면 그냥 아예 안뜨고, 코딩애플님이 하신대로 하면 진짜로 loading하는 동안 그 짧은 순간에 뜨던데
왜 노란색 박스처럼 처리하면 안뜨는 건지... 알 수 있을까요? 왜 굳이 axios의 then, catch에서 처리해줘야 Spinner가 화면에 뜨는지 모르겠습니다.
노란색 박스처럼 처리해도 if문을 처리하는 시간 동안에는 Spinner가 떠야되지 않을까요???
(1번째, 2번째 클릭 때에도 노란색 박스처럼 처리하면 Spinner가 안 뜹니다. 코딩애플님이 강의해서 힌트 주신대로 then, catch문에서 false 처리하면 뜨구요...)

3. 3번 클릭했을 때 8번, 9번 사진 2개는 서버에서 받아오질 못하네요. url로 접속해보니 404 not found 뜨는데, 제가 잘못 받고 있는건가요?
아니면 혹시 코딩애플님 url이나 json이 잘못된건가요?

[codingapple]

state변경함수는 다른 코드보다 늦게 처리됩니다 자바스크립트는 늦게처리되는 코드는 제껴두고 다음 줄 부터 실행합니다 

ajax 함수도 다른 코드보다 늦게 처리됩니다 

8번 9번 사진은 안만들어놨습니다

[글쓴이]

글