연말까지 매일 웹사이트를 꾸준히 만드는 대학생~ 15일째 async 학습~

### 시작
처음 뵙겠습니다.
저는 연말까지 매일 웹 사이트를 만드는 사람입니다.
오늘 일부 파일의 읽기 순서와 비동기를 배웠다.
사용하는 기술 수준은 낮지만 같은 고민을 하는 초보자에게 용기를 주면 좋겠다.
오늘이 15일째다.(2019/11/2)
잘 부탁드립니다.

사이트 축소판 그림

https://sin2cos21.github.io/day15.html

해본 일

오늘은 주로 좌학을 배웠다.주로 파일을 읽는 순서 (defer와 async 등) 와 비동기 처리에 관한 것입니다.
나는 이미 배운 것을 적어 놓았기 때문에 먼저 적어 놓았다.↓

항목: 파일 읽기 방법/비동기식

defer, async, 3개 다름 없음
js 읽기 js 실행 (언제/순서)
defer 비동기
async (완전 비동기) 비동기 분석 중단/병렬
동기화 없음 (=> 인터럽트 퍼스)} 인터럽트/쓰기 퍼스의 순서

즉
defer의 장점→>이(가) 완료되었으므로 DOM을 조작할 수 있음
async의 장점→순서에 신경 쓰지 않아도 된다
장점이 없어요. - 없어요?

용어
해석 해석 해석 파일
비동기 프로세싱... 동시에 파일 처리
호출 함수... 다른 함수 호출 함수
Arrow 함수... 단축 함수(장점:this는 더 이상 자신을 가리키지 않음→대상을 향한 편리함)
이름 함수 있음 - 이름 = ()=>{처리};
무명 함수 - ()=>{처리};

리셋 고급 함수
측면 함수 호출... 고급 함수
측면 함수 호출... 호출 함수 (보통 비동기적으로 사용)

상위 관문 수 예
addEventListener
setTimeout

기타

함수도 값을 더하면(변수에 넣기) 처리 결과가 더하지 않으면 함수 자체

javascrit 비동기 3개
promise
async
await

promise
왜 하는 거예요?- 콜백 함수에서 종료하기 위해

제작된 것들↓ 비동기 읽기

script 태그에 async↓ 지정html
<script src="day15.js" async></script>
<script src="day15_2.js" async></script>


감상

비동기 처리에서 호출 함수를 너무 많이 사용해서 문제가 생겼기 때문에 프로미스나 뭐가 나왔는지 알 수 있습니다.확실히 호출 함수를 너무 많이 사용하면 원본 코드를 식별하기 어렵다.
내일도 힘내세요.
끝까지 읽어주셔서 감사합니다.내일도 투고할 테니 잘 부탁드립니다.

참고 자료

스크립트의 비동기 읽기(async, defer의 차이)https://www.wakuwakubank.com/posts/614-javascript-async-defer/

매우 참고 가치가 있습니다!감사합니다!(오늘은 MDN을 읽지 않았습니다.)