나만의 작은 도서관

[TIL] 240508 캠프 24일차 : defer, async, module, import/export 본문

Today I Learn

[TIL] 240508 캠프 24일차 : defer, async, module, import/export

pledge24 2024. 5. 8. 22:59
오늘 하루 한줄평: 개발 지식이 나를 티배깅하는 것 같다. 왜 하나를 공부하면 알아야 할 내용이 셋 늘어날까?

오늘 배운 내용

  • 자바스크립트 파일을 분리하는 데 알아야하는 defer, async, module에 대해 알아보았다. 간단히 요약하자면 defer은 HTML 파싱을 멈추지 않고 백그라운드에서 로드, async는 로드 순서가 보장되지 않는 defer, module은 defer로 실행되지만 항상 하나의 메모리만 가진다.
  • import의 경우, import할 자바스크립트에서 export를 해야지 import할 수 있다. 만약 가져올 객체가 하나라면 default속성을 사용해 해당 객체의 이름으로 가져올 수 있고, 여러 개의 객체 또는 함수를 가져와야 한다면 {}를 통해 원하는 객체 또는 함수를 가져온다. 여기서, 한 가지 명심할 점은 import든 export든 가져오고 내보내고자 하는 모든 객체 또는 함수의 이름을 {}안에 적어야 한다는 점. 그렇기 때문에 보통 class 객체를 하나 만들어 class만 가져오고 내보내는 방식을 선호한다.
  • 자바스크립트의 Date 객체에 대해서 알아보았다. 정리한 내용은 아래 링크를 참고하면 된다.
  • https://pledge24.tistory.com/197
 

[JavaScript] 정리 2. 현재 시간을 알려주는 Date() 객체

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 선언 new 연산자로 객체를 인스턴스화 하면 된다. 별다를 건 없다.let time = new Dat

pledge24.tistory.com

 

[Etc] 마크 업(Markup)과 마크 다운(Markdown)의 차이

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 개요HTML. Hyper Text Markup Language의 약자이다. 풀네임을 보면 HTML은 마크업 언어라

pledge24.tistory.com

오늘 한 일

  • 자바스크립트를 공부하면서 헷갈리거나 어려웠던 개념들을 하나씩 구글링하면서 배워나갔다. 

오늘 하루는?

  • 팀 프로젝트에서 내가 맡은 역할은 어제 끝났기 때문에 하루종일 공부만 했다. 아직 프로젝트가 완전히 끝나지 않은 상태에서 공부를 하자니 상당히 찝찝한 마음으로 공부할 수 밖에 없었다. 내일은 팀 프로젝트 발표일. 내일이 지나고 다시 공부한 내용을 정리해야겠다.