오늘 공부한 내용 💻
-
Module
-
비동기 다루기 Callback
-
Promise
-
Promise 내장함수
-
async, await
어려웠던 내용 🤢
ES6 Module
-
Import
export 키워드로 내보내진 변수, 함수를 불러올수 있는 키워드.
스크립트 의존성을 간편하게 관리할 수 있다 ! -
모듈화 하면 왜 좋은데?
-
각 JS별로 사용되는 모듈을 명시적으로 import 해오기 때문에 사용되거나 사용되지 않는 스크립트 추적 가능 !
-
script 태그로 로딩하면 순서가 영향을 미치는 반면 import를 사용하면 순서를 생각하지 않아도 되어서 편리함 !
-
전역 오염이 발생하지 않음 !
비동기 다루기 - Callback
-
Callback Fuction
콜백함수(Callback Function)란 파라미터로 함수를 전달받아, 함수의 내부에서 실행하는 함수이다. -
비동기 처리
특정 코드의 연산이 끝날때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 방식
Ex) 이벤트 리스너, setTimeout, setInterval -
동기 방식이 더 간단한데 왜 비동기 ?
sync방식을 사용하면 요청 후 응답이 오기 전까지 브라우저가 굳어버리기 때문 !
더 공부할 내용 📃
-
promise
-
async, await
느낀점 👀
> '벌써 힘들면 ... 어떡하죠 ...? 😂'
강의의 난이도가 하루가 지날수록 껑충껑충 늘고있다 ,,,
초반에는 아는 내용에서 살을 붙여가며 공부를 하는 느낌이었다면,
지금은 아예 새로 알게되는 내용이 많아서 강의 중간중간 멈춰놓고 찾느라 15분짜리 강의 하나 듣는데 1시간 2시간이 걸린다 ! 악 !
그리고 가르쳐 주실때마다 코드로 예시를 들어주시는데,
그걸 따라치면서 공부하는게 나름 도움이 되는것 같다.
그치만 시간은 배로 ,,, 걸림 ㅜㅜ
오늘은 어떤 바보같은 실수를 했냐면 ,,, `` 를 '' 로 잘못 써놓고 찾지를 못해서
꼬박 한 시간을 낭비했다 ... 다시는 이러지 말자 ,,,
과제도 해야하고 강의도 밀리지 말아야하며 복습도 해야하는데 ...
아자아자 화이팅 !
참고 사이트 🙄
